.hero{
height:420px;
background-image:url('https://images.unsplash.com/photo-1504674900247-0877df9cc836?w=1200');
background-size:cover;
background-position:center;
color:white;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:20px;
}

.hero h1{
font-size:36px;
}

.card img{
height:180px;
object-fit:cover;
}

.section-title{
margin-top:40px;
margin-bottom:30px;
font-weight:bold;
text-align:center;
}