![The dark-mode version of the image](../img/dark-desktop.png)</span></span>
<span id="cb26-7"><a href="#cb26-7"></a>:::</span></code></pre></div>
<p>Only one of those divs will be rendered, depending on which theme is active. You can see the result below, and you can toggle your light or dark mode theme to see how the image updates:</p>
<div class="only-light-mode">
<figure>
<img src="../img/light-desktop.png" alt="The light-mode version of the image" />
<figcaption aria-hidden="true">The light-mode versio