Recently, I've encountered a strange issue where my markdown image tag doesn't display the image when wrapped in a <div> or a <section>. Instead, it just outputs markdown code. Take a look at this screenshot for reference.
<section class="photoset">
</section>
When I remove the HTML code, the image displays fine, albeit wrapped in paragraph tags, which isn't the issue. I understand why Jekyll does that to images, but what confuses me is why it doesn't work when wrapped in HTML tags now, even though it worked before.
Edited
<section class="photoset">
</section>
<p><img src="/images/san-francisco.jpeg" alt="Image of San Francisco bay
bridge from beach" /></p>
I experimented by removing the section tags and found that it works without them. It seems like there's something with the HTML tags preventing the markdown tags from functioning properly.