/* Banner Images Only - No Text */
.banner {
    background: linear-gradient(135deg, #c79b62 0%, #d4a574 100%);
    height: 140px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    transition: background-image 0.2s ease;
}

/* Mobile - 468px */
@media (max-width: 468px) {
    .banner {
        height: 230px;
        border-radius: 20px;
        margin: 10px;
        padding: 15px;
    }
}

/* Desktop - 1200px */
@media (min-width: 1200px) {
    .banner {
        height: 1200px;
    }
}

/* PC - 1600px */
@media (min-width: 1600px) {
    .banner {
        height: 100%;
        width: 100%;
        margin: 40px auto;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .banner-img {
         height: 1080px;
        width: 1920px;
        object-fit: contain;
         background-size: cover;
         background-position: center;
        display: block;
        margin: 0 auto;
    }
}