.blog-post-slider-container {
    position: relative;
    overflow: hidden;

    * {
        z-index: 2;
    }
}

.blog-post-slider-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='690' viewBox='0 0 1920 690' fill='none'><rect width='2663.56' height='476.277' transform='matrix(-0.996357 -0.0852737 0.239948 -0.970786 2479.81 689.495)' fill='%23FFE8CD'/></svg>");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    z-index: 1;
    pointer-events: none;

    @media (max-width: 1280px) {
        display: none;
    }
}

.blog-post-slider-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='804' viewBox='0 0 1920 804' fill='none'><rect width='2268.97' height='575.89' transform='matrix(-0.994459 0.105127 0.198007 -0.9802 2236.05 564.488)' fill='%23ACC843'/></svg>");
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    z-index: 0;
    pointer-events: none;

    @media (max-width: 1280px) {
        display: none;
    }
}