/* Hero Image Size Reduction */

/* Reduce the size of the hero image */
.hero-image {
    max-width: 75% !important;
    margin: 0 auto !important;
}

.hero-image img {
    width: 100% !important;
    height: auto !important;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .hero-image {
        max-width: 80% !important;
    }
}

@media (max-width: 768px) {
    .hero-image {
        max-width: 85% !important;
    }
}

@media (max-width: 576px) {
    .hero-image {
        max-width: 90% !important;
    }
}