.advertisers__container,
.publishers__container,
.last-posts__container,
.hero,
.subscribe__container  {
    position: relative;
}

.last-posts__container::before {
    content: "";
    position: absolute;
    top: 270px;
    left: -672px;
    width: 886px;
    height: 775px;
    background: url('../img/last-left-x2.png') no-repeat left bottom;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.last-posts__container::after {
    content: "";
    position: absolute;
    right: -363px;
    top: -194px;
    width: 682px;
    height: 710px;
    background: url('../img/last-right-x2.png') no-repeat right center;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.advertisers__container::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: -41px;
    width: 97px;
    height: 69px;
    background: url('../img/advertisers-left.svg') no-repeat left bottom;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.advertisers__container::after {
    content: "";
    position: absolute;
    right: -52px;
    top: 60px;
    width: 560px;
    height: 502px;
    background: url('../img/advertisers-right-x2.png') no-repeat right center;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.publishers__container::before {
    content: "";
    position: absolute;
    top: 60px;
    left: -150px;
    width: 3893px;
    height: 494px;
    background: url('../img/publishers-left.png') no-repeat left bottom;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.publishers__container::after {
    content: "";
    position: absolute;
    right: 385px;
    top: 46px;
    width: 75px;
    height: 75px;
    background: url('../img/publishers-right.svg') no-repeat right center;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.hero::before {
    content: "";
    position: absolute;
    top: 100px;
    left: 0px;
    width: 100%;
    aspect-ratio: 14.4/10;
    background: url('../img/hero2x.png') no-repeat center center;
    background-size: cover;
    pointer-events: none;
    z-index: -1;
}

.subscribe__container::before {
    content: "";
    position: absolute;
    top: -153px;
    left: 54px;
    width: 1164px;
    aspect-ratio: 1164/458;
    background: url('../img/subscribe-back-x2.png') no-repeat center center;
    background-size: cover;
    pointer-events: none;
    z-index: -1;
}

@media (max-width: 1260px) {
    .last-posts__container::before {
        left: -622px;
    }
    
    .last-posts__container::after {
        right: -313px;
    }
    
    .advertisers__container::before {
        left: 20px;
    }
    
    .advertisers__container::after {
        right: -2px;
    }
    
    .publishers__container::before {
        left: -150px;
    }
    
    .publishers__container::after {
        right: 300px;
    }
}

@media (max-width: 768px) {
    .last-posts__container::before {
        top: 120px;
        left: -622px;
        width: 886px;
        height: 775px;
    }
    
    .last-posts__container::after {
        top: -60px;
        right: -290px;
        width: 682px;
        height: 710px;
    }

    .advertisers__container::before {
        bottom: 0px;
        left: 0px;
        width: 97px;
        height: 69px;
    }
    
    .advertisers__container::after {
        top: auto;
        bottom: -25px;
        right: -60px;
        width: 357px;
        height: 320px;
    }

    .publishers__container::before {
        top: 60px;
        left: -150px;
        width: 383px;
        height: 494px;
    }
    
    .publishers__container::after {
        top: 48px;
        right: 5px;
        width: 75px;
        height: 75px;
    }

    .hero::before {
        top: 150px;
        width: 100vw;
        aspect-ratio: 720/779;
        background: url('../img/hero-mobilex2.png') no-repeat center center;
        background-size: cover;
    }

    .subscribe__container::before {
        content: "";
        position: absolute;
        top: -23px;
        left: 59px;
        width: 259px;
        aspect-ratio: 602/876;
        background: url('../img/subscribe-back-mobile-x2.png') no-repeat center center;
        background-size: cover;
        pointer-events: none;
        z-index: -1;
    }

    .subscribe__container::after {
        content: "";
        position: absolute;
        left: 24px;
        bottom: -26px;
        width: 35px;
        aspect-ratio: 35/49;
        background: url('../img/blue-rhombus.svg') no-repeat center center;
        background-size: cover;
        pointer-events: none;
        z-index: 1;
    }
}



/* styles for empty blog */

.last-posts__container {
    min-height: 450px;
}

.advertisers__slider {
    min-height: 330px;
}

.newsevents__grid,
.newsevents__slider {
    min-height: 200px;
}