@use "../../abstracts/vars" as *;
@use "../../abstracts/mixins" as *;
%cover-bg {
    background-repeat: no-repeat;
    background-size: cover;
}
.cover-background {
    >.component-content {
        @extend %cover-bg;
    }
}
.fix-background {
    >.component-content {
        @extend %cover-bg;
        @include fixed-bg(left top);
    }
}
.parallax-background {
    >.component-content {
        @extend %cover-bg;
        @include fixed-bg(50% 0);
        @include respond-to(mobile-large) {
            background-attachment: scroll;
        }
    }
}