JSFiddle - React, Tailwind, and code Playground

HTML

<div id="shop">
    
 <div class="content"> Counter-Strike 1.6 Steam 
     
     <img src="http://www.openvms.org/images/samples/130x130.gif">
         
         <a href="#"><span class='span'><span></a>
     
     </div>
             
 <div class="content"> Counter-Strike 1.6 Steam 
     
     <img src="http://www.openvms.org/images/samples/130x130.gif">
         
         <a href="#"><span class='span'><span></a>
     
     </div>
         
  </div>

CSS

#shop{
    background-image: url("images/shop_bg.png");
    background-repeat: repeat-x;    
    height:121px;
    width: 984px;
    margin-left: 20px;
    margin-top: 13px;
    position:relative;
    z-index:100
}

#shop .content{    
    width: 182px; /*328 co je 1/3 - 20margin left*/
    height: 121px;
    line-height: 20px;
    margin-top: 0px;
    margin-left: 9px;
    margin-right:0px;
    display:inline-block;
    position:relative;
    z-index:97

}

img{
    
    position:relative;
    z-index:91
    
}

.span{
    
    width:70px;
    height:40px;
    border:1px solid red;
    position:absolute;
    z-index:95;
    right:60px;
    bottom:-20px;
    
}