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

$background-offset-top: 200px;
$background-offset-bottom: 0;

.block-fora-do-pais-bz {
    position: relative;
    &::before {
        position: absolute;
        content: "";
        background-image: url(../../assets/img/block-fora-do-pais-bz.svg);
        width: 100%;
        top: $background-offset-top;
        bottom: $background-offset-bottom;
        background-position: center top;
        background-repeat: repeat-y;
        background-size: 100% auto;
        z-index: 2;
    }
}

@media (max-width: breakpoints.$desktop) {
    .block-fora-do-pais-bz {
        &::before {
            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 */
        }
    }
}