JSFiddle - React, Tailwind, and code Playground

HTML

<figure>
    <img src="myImage.jpg">
    <button class='btnClass1' type='button'>Buy</button>
    <button class='btnClass2' type='button'>Rent</button>
     <button class='btnClass2' type='button'>Sell</button>
      <button class='btnClass2' type='button'>Zestimate</button>
</figure>

CSS

.btnClass1 {
    position: absolute;
    height:125;
    width:52;
    left: 90px;
    top: 75px;
    padding:0;
    margin:0
}
.btnClass2 {
    position: absolute;
    left: 100px;
    top: 75px;
    padding:0;
    margin:0
}
img {
    width:100px;
}

JavaScript

// here image not loaded as not uploaded
// for button one top on other , same top and left but with different width