@use '../../colors';
@use '../../breakpoints';

.bz-campanhas-block {
    position: relative;
    &::before {
        position: absolute;
        content: "";
        background-image: url(../../assets/img/block-campanhas-bg.svg);
        background-position: center top;
        background-repeat: repeat;
        background-size: 100% auto;
        top: 0;
        bottom: 0;
        width: 100%;
        z-index: -1;
    }
}

@media (max-width: breakpoints.$desktop) {
    .bz-campanhas-block {
        &::before {
            background-image: url(../../assets/img/block-campanhas-mobile-bg.svg);
            //background-position: top left; 
            //background-size: 991px auto; /* Define a largura mínima para 1500px */
            //background-position: left center; /* Certifica-se de que a imagem está alinhada à esquerda */
        }
    }
}