.hero-img {
    max-width: 100%;
    /* Ensures the image does not overflow */
    height: auto;
    /* Maintains aspect ratio */
    max-height: 900px;
    /* Adjust based on design preference */
}

.parallax-layer {
    display: flex;
    justify-content: center; /* Centers the image */
    align-items: center;
}

@media (max-width: 768px) { /* Adjustments for mobile */
    .hero-img {
        max-height: 250px; /* Smaller on mobile */
    }
}