.banner-image-container {
    position: relative;
    overflow: visible;
    border-radius: 0.375rem;
    transform: scale(0.8);
    transform-origin: center;
}

@media (min-width: 768px) {
    .banner-image-container {
        transform: scale(1.2);
    }
}

.banner-image-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(to right, #f39c12, transparent);
    z-index: 2;
    pointer-events: none;
}

.banner-image {
    position: relative;
    z-index: 1;
}