@media (max-width: 768px) {
    .banner-section {
       height: auto;
        width: 100%;
    }

    /* 2. Show full image without cropping left/right sides */
    .banner-img,
    .banner-section picture {
        height: auto;
        width: 100%;
        object-fit: contain; /* Prevents cropping */
    }

    /* Rest of your existing mobile styles below... */
    .ribbon-section {
        padding: 18px 15px;
    }
    
    .script-text {
        font-size: 26px;
        display: block;
        margin-right: 0;
        margin-bottom: 4px;
    }

    .gold-caps {
        font-size: 16px;
        display: block;
        letter-spacing: 2px;
    }
    .form-row {
        flex-direction: column;
        gap: 15px;
    }

    .submit-btn {
        width: 100%;
    }
}