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

$background-offset: -7rem;
$background-height: 7rem;

.bz-planos-bazza-block {
    position: relative;
    background-image: url(../../assets/img/block-planos-bazza-bg.svg), linear-gradient(180deg, colors.$yellow-100 1.01%, colors.$yellow-60 98.22%);
    background-position: center $background-offset, center center;
    background-repeat: repeat, no-repeat;
    background-size: auto, 100% 100%;
    &::before {
        position: absolute;
        top: $background-offset;
        content: "";
        display: block;
        width: 100%;
        height: $background-height;
        background-image: url(../../assets/img/block-planos-bazza-bg.svg);
        background-position: center top;
    }
}