#newsletter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 40px 0;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.newsletter-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 900px;
    width: 100%;
}
.newsletter-banner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio for desktop */
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.banner-indicators {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 15px;
}
.indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ccc;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.indicator.active {
    background-color: #333;
}
/* Mobile View Adjustments */
@media (max-width: 767px) {
    .newsletter-container {
        width: 95%;
    }
    .newsletter-banner {
        padding-bottom: 133.33%; /* 3:4 aspect ratio for mobile */
        background-size: contain; /* Changed from cover to contain */
        background-repeat: no-repeat; /* Prevent image from repeating */
    }
}