.hero-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:25px;
margin:30px 0;
}

.hero-main img{
width:100%;
border-radius:10px;
}

.hero-main h2{
font-size:32px;
margin:15px 0;
}

.hero-side{
display:grid;
gap:20px;
}

.hero-item img{
width:100%;
border-radius:8px;
}

.hero-item h3{
font-size:18px;
margin-top:10px;
}

@media(max-width:768px){

.hero-grid{
grid-template-columns:1fr;
}

}