JSFiddle - React, Tailwind, and code Playground

HTML

<div class="movie_box">
    <h3 class="h3">'.$movies['name'].'</h3>'
    <div class="buttonimg">
        <div class="news_img"><img src="'.$movies['cover'].'"/></div>
        
        <button class="trailer_button" type="button">Trailer</button>
    </div>
</div>

CSS

.news_img{
  margin:0 20 0 20;
  
}
.trailer_button{
    z-index:999;
    
    margin:1 20 -20 20;
    width:181px;
    border-radius:10px;
}
.buttonimg{
    width:auto;
    height:auto;
}