title: put button on top of image html
body: <p>I have this:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>    var myIndex = 0;
      carousel();
      
      function carousel() {
        var i;
        var x = document.getElementsByClassName("mySlides");
        for (i = 0; i &lt; x.length; i++) {
          x[i].style.display = "none";  
        }
        myIndex++;
        if (myIndex &gt; x.length) {myIndex = 1}    
        x[myIndex-1].style.display = "block";  
        setTimeout(carousel, 3000); // Change image every 2 seconds
      }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    .mySlides {
    /* max-width: 540px; */
    display: none;
    height: 100vh;
    width: 100%;
    background: repeat scroll center center / cover;
  }
  
  @media only screen and (max-width: 600px) {
    .mySlides {
     display: none;
     max-width: 540px;
     height: 50vh;
     background: repeat scroll center center / cover;
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="headerr" class="home"&gt;
  
      &lt;div class="w3-content w3-section"&gt;
      &lt;img class="mySlides" src="https://images.unsplash.com/photo-1629199022827-eede3c3df471?ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyfHx8ZW58MHx8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=900&amp;q=60" style="width:100%"&gt;
      &lt;img class="mySlides" src="https://images.unsplash.com/photo-1629220608817-0802c373e110?ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwzfHx8ZW58MHx8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=900&amp;q=60" style="width:100%"&gt;
  
      &lt;/div&gt;
       
    &lt;/div&gt;
    
      
      
     </code></pre>
  </div>
  </div>
  </p>
  <p>basically, what I want is to put a <code>learn more</code> button on the image, in like the bottom left corner. I tried with just a standard button, but it goes right above of the image. How do i do this?</p>