.ad-placement {
    text-align: center;
    margin: 1rem 0;
}

.ad-banner {
    width: 100%;
    max-width: 728px;
    height: 90px;
    object-fit: contain;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
}

/* Responsive Ad Styling */
@media (max-width: 768px) {
    .ad-banner {
        max-width: 100%;
        height: auto;
        /* Allow ad to resize responsively */
        padding: 0 1rem;
        /* Add some padding to ensure there's space around the ad */
        margin: 0;
        /* Remove margins if there's any unwanted space */
    }
}

@media (max-width: 480px) {
    .ad-banner {
        height: auto;
        max-width: 100%;
        /* Adjust the height for smaller devices to prevent overcrowding */
        max-height: 120px;
        /* You can adjust the height if you prefer */
    }
}