JSFiddle - React, Tailwind, and code Playground
HTML
<div class="image_presentation_deux" >
<div class="content">
<div class="content_deux">
<h1>Support Responsive</h1>
</div>
</div>
<div id="container_support">
<div class="device" style="transform: translate(0px,0px);opacity:0.75;">
<img width="500"src="https://www.anthedesign.fr/w2015/wp-content/uploads/2013/09/site-internet-responsive-design-1024x602.png">
</div>
</div>
</div>
CSS
.image_presentation_deux {
width: 100%;
background-image: url('http://www.unesourisetmoi.info/data/medias/photos/091/fond-ecran_tablette_01.jpg') !important;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
}
.content_deux{
height: 100vh;
line-height: 100vh;
width: 100%;
text-align: center;
}
.content_deux h1 {
margin: 0;
font-size: 80px;
color: whitesmoke;
padding: 0;
height: 100vh;
line-height: 100vh;
width: 100%;
}