You can play with here : Hero
body {
margin:0;
padding:0;
}
.container {
aspect-ratio: 16 / 9;
width:100%;
max-height:40vh;
margin:0 auto;
display:flex;
justify-content:space-around;
align-items:center;
background-position: center center ;
background-size:cover;
background-image:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.60)), url('https://miro.medium.com/v2/resize:fit:720/0*fU5EzeHucGiVwn6g');
background-repeat:no-repeat;
}
.title {
font-size: clamp(1rem, 9vw, 12rem);
color:white;
}