@media (max-width: 768px) {

    .hero-img {
        width: 33%;
        max-width: 575px;
        height: auto;
        margin-right: 10px; /* 10px gap between image and text */
    }
}