.special-offer-effect {
    animation: animateOffers 4s infinite;
    display: flex; 
    width: 100%;
    max-width: 90vw;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: -4rem;

    @media (max-width : 600px) {
        padding-left: 0;
        padding-right: 0;
    }
}

@keyframes animateOffers {
    0% {
        transform: scale(0.9);
    }
    50%{
        transform: scale(1);
    }
   
    100% {
        transform: scale(.9);
    }
}