<p>If you are using the <code class="highlighter-rouge"><picture></code> element to specify multiple <code class="highlighter-rouge"><source></code> elements for a specific <code class="highlighter-rouge"><img></code>, make sure to add the <code class="highlighter-rouge">.img-*</code> classes to the <code class="highlighter-rouge"><img></code> and not to the <code class="highlighter-rouge"><picture></code> tag.</p>
-<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
+<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
<span class="nt"><source</span> <span class="na">srcset=</span><span class="s">"..."</span> <span class="na">type=</span><span class="s">"image/svg+xml"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">class=</span><span class="s">"img-fluid img-thumbnail"</span> <span class="na">alt=</span><span class="s">"..."</span><span class="nt">></span>
<span class="nt"></picture></span></code></pre></figure>
<p>If you are using the <code class="highlighter-rouge"><picture></code> element to specify multiple <code class="highlighter-rouge"><source></code> elements for a specific <code class="highlighter-rouge"><img></code>, make sure to add the <code class="highlighter-rouge">.img-*</code> classes to the <code class="highlighter-rouge"><img></code> and not to the <code class="highlighter-rouge"><picture></code> tag.</p>
-<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
+<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
<span class="nt"><source</span> <span class="na">srcset=</span><span class="s">"..."</span> <span class="na">type=</span><span class="s">"image/svg+xml"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">class=</span><span class="s">"img-fluid img-thumbnail"</span> <span class="na">alt=</span><span class="s">"..."</span><span class="nt">></span>
<span class="nt"></picture></span></code></pre></figure>
<p>If you are using the <code class="highlighter-rouge"><picture></code> element to specify multiple <code class="highlighter-rouge"><source></code> elements for a specific <code class="highlighter-rouge"><img></code>, make sure to add the <code class="highlighter-rouge">.img-*</code> classes to the <code class="highlighter-rouge"><img></code> and not to the <code class="highlighter-rouge"><picture></code> tag.</p>
-<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
+<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
<span class="nt"><source</span> <span class="na">srcset=</span><span class="s">"..."</span> <span class="na">type=</span><span class="s">"image/svg+xml"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">class=</span><span class="s">"img-fluid img-thumbnail"</span> <span class="na">alt=</span><span class="s">"..."</span><span class="nt">></span>
<span class="nt"></picture></span></code></pre></figure>
<p>If you are using the <code class="highlighter-rouge"><picture></code> element to specify multiple <code class="highlighter-rouge"><source></code> elements for a specific <code class="highlighter-rouge"><img></code>, make sure to add the <code class="highlighter-rouge">.img-*</code> classes to the <code class="highlighter-rouge"><img></code> and not to the <code class="highlighter-rouge"><picture></code> tag.</p>
-<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
+<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
<span class="nt"><source</span> <span class="na">srcset=</span><span class="s">"..."</span> <span class="na">type=</span><span class="s">"image/svg+xml"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">class=</span><span class="s">"img-fluid img-thumbnail"</span> <span class="na">alt=</span><span class="s">"..."</span><span class="nt">></span>
<span class="nt"></picture></span></code></pre></figure>
<p>If you are using the <code class="highlighter-rouge"><picture></code> element to specify multiple <code class="highlighter-rouge"><source></code> elements for a specific <code class="highlighter-rouge"><img></code>, make sure to add the <code class="highlighter-rouge">.img-*</code> classes to the <code class="highlighter-rouge"><img></code> and not to the <code class="highlighter-rouge"><picture></code> tag.</p>
-<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
+<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
<span class="nt"><source</span> <span class="na">srcset=</span><span class="s">"..."</span> <span class="na">type=</span><span class="s">"image/svg+xml"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">class=</span><span class="s">"img-fluid img-thumbnail"</span> <span class="na">alt=</span><span class="s">"..."</span><span class="nt">></span>
<span class="nt"></picture></span></code></pre></figure>
<p>If you are using the <code class="language-plaintext highlighter-rouge"><picture></code> element to specify multiple <code class="language-plaintext highlighter-rouge"><source></code> elements for a specific <code class="language-plaintext highlighter-rouge"><img></code>, make sure to add the <code class="language-plaintext highlighter-rouge">.img-*</code> classes to the <code class="language-plaintext highlighter-rouge"><img></code> and not to the <code class="language-plaintext highlighter-rouge"><picture></code> tag.</p>
-<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
+<figure class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><picture></span>
<span class="nt"><source</span> <span class="na">srcset=</span><span class="s">"..."</span> <span class="na">type=</span><span class="s">"image/svg+xml"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">class=</span><span class="s">"img-fluid img-thumbnail"</span> <span class="na">alt=</span><span class="s">"..."</span><span class="nt">></span>
<span class="nt"></picture></span></code></pre></figure>
<span class="p"></</span><span class="nt">div</span><span class="p">></span></code></pre></div>
<h2 id="picture">Picture</h2>
<p>If you are using the <code><picture></code> element to specify multiple <code><source></code> elements for a specific <code><img></code>, make sure to add the <code>.img-*</code> classes to the <code><img></code> and not to the <code><picture></code> tag.</p>
-<div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="p"><</span><span class="nt">picture</span><span class="p">></span>
+<div class="highlight"><pre class="chroma"><code class="language-html" data-lang="html"><span class="p"><</span><span class="nt">picture</span><span class="p">></span>
<span class="p"><</span><span class="nt">source</span> <span class="na">srcset</span><span class="o">=</span><span class="s">"..."</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/svg+xml"</span><span class="p">></span>
<span class="p"><</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">"..."</span> <span class="na">class</span><span class="o">=</span><span class="s">"img-fluid img-thumbnail"</span> <span class="na">alt</span><span class="o">=</span><span class="s">"..."</span><span class="p">></span>
<span class="p"></</span><span class="nt">picture</span><span class="p">></span>
<span class="p"></</span><span class="nt">div</span><span class="p">></span></code></pre></div>
<h2 id="picture">Picture</h2>
<p>If you are using the <code><picture></code> element to specify multiple <code><source></code> elements for a specific <code><img></code>, make sure to add the <code>.img-*</code> classes to the <code><img></code> and not to the <code><picture></code> tag.</p>
-<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="p"><</span><span class="nt">picture</span><span class="p">></span>
+<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="p"><</span><span class="nt">picture</span><span class="p">></span>
<span class="p"><</span><span class="nt">source</span> <span class="na">srcset</span><span class="o">=</span><span class="s">"..."</span> <span class="na">type</span><span class="o">=</span><span class="s">"image/svg+xml"</span><span class="p">></span>
<span class="p"><</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">"..."</span> <span class="na">class</span><span class="o">=</span><span class="s">"img-fluid img-thumbnail"</span> <span class="na">alt</span><span class="o">=</span><span class="s">"..."</span><span class="p">></span>
<span class="p"></</span><span class="nt">picture</span><span class="p">></span>