@media only screen and (max-width: 768px) {
    .banner-container {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999;
        background-color: transparent; /* Ensure the background is transparent */
        text-align: center; /* Center the banner horizontally */
    }
    .banner-container img {
        width: 100%; /* Make the banner image fill the container */
        height: auto; /* Maintain the image's aspect ratio */
    }
    .banner-close {
        position: absolute;
        top: -10px;
        left: 2px;
        cursor: pointer;
        font-size: 30px;
        font-weight: 400;
        color: #777;
    }
    .banner-link {
        display: block;
    }
}