How do I wrap divs inside of tag?

I have the following code in Magento,

<a
  href="https://www.example.com"
  class="learn-link"
>
  <div class="card">
     <img src='{{mediaurl=&quot;wysiwyg/home/DesignerSunglasses}}'
          alt="Best Designer Sunglasses"
          class="term-image" loading="lazy"
     />
     <div class="container">
       <h3 class="page-title">Lorem</h3>
     </div>
  </div>
</a>

However, after I saved the code, the tag disappeared, if I add   inside the tag, it will change to:

<a href="https://www.example.com" class="learn-link"> &nbsp;</a>
  <div class="card">
     <img src='{{mediaurl=&quot;wysiwyg/home/DesignerSunglasses}}'
          alt="Best Designer Sunglasses"
          class="term-image" loading="lazy"
     />
     <div class="container">
       <h3 class="page-title">Lorem</h3>
     </div>
  </div>

How do I fix this?