title: 'CSS i-amphtml- name prefix' disallowed error in amp carousel
body: <p>My site's amp url gives me this error:</p>
  
  <pre><code>The text inside tag 'style amp-custom' contains 'CSS i-amphtml- name prefix', which is disallowed.
  
  Line 27:2
  &lt;style amp-custom&gt;
  </code></pre>
  
  <p>As I go through almost all the files of better-amp plugin (using this for wordpress amp), I found the <code>i-amphtml</code> located in this file:</p>
  
  <pre><code>class-better-amp-carousel-component.php
  </code></pre>
  
  <p>code snippet from the file:</p>
  
  <pre><code>/**
       * Register shortcode to display galleries as carousel on amp version
       *
       * @since 1.0.0
       *
       * @return array
       */
      public function config() {
          return array(
              'shortcodes' =&gt; array(
                  'gallery'           =&gt; array( $this, 'handle_gallery' ),
                  'better-amp-slider' =&gt; array( $this, 'handle_slider' ),
              ),
              'scripts'    =&gt; array(
                  'amp-carousel' =&gt; 'https://cdn.ampproject.org/v0/amp-carousel-0.1.js'
              )
          );
      }
  </code></pre>
  
  <p>seems like <code>https://cdn.ampproject.org/v0/amp-carousel-0.1.js</code> this file contains the disallowed prefix.</p>
  
  <p>unfortunately I couldn't alter any of the code in this file as it says permission denied. I tried changing folder and file permission as well but couldn't.</p>
  
  <p>Why would amp carousel throw this error and what's the proper way to fix this?</p>