.hero-banner {
    width: 100%;
}

.hero-banner img{
    width:100%;
    height:auto;
    display:block;
}
@media (max-width:768px){

.hero-banner img{
    width:100%;
    height:auto;
    object-fit:cover;
}

}