.blenny-top-middle {
    z-index: 1;
}

    .blenny-top-middle > * {
        position: relative;
        z-index: 2;
    }

    .blenny-top-middle::before {
        content: "";
        position: fixed;
        width: 50vw;
        height: 40vh;
        background-image: url('/resources/img/blenny-03.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
    }

.background {
    position: absolute;
    flex-shrink: 0;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.blenny-bottom-right {

}

    .blenny-bottom-right::after {
        content: "";
        position: fixed;
        right: 0px;
        bottom: 0px;
        width: 20%;
        height: 30%;
        background-image: url('/resources/img/blenny-02.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom right;
    }

.blenny-top-left {
}

    .blenny-top-left::before {
        content: "";
        position: fixed;
        top: 0px;
        left: 0px;
        width: 30%;
        height: 50%;
        background-image: url('/resources/img/blenny-03.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top left;
    }

.blenny-middle-left {
}

    .blenny-middle-left::after {
        content: "";
        position: fixed;
        top: 0px;
        left: 0px;
        width: 30%;
        height: 50%;
        background-image: url('/resources/img/blenny-03.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center left;
    }


.splash-middle-right {
}

    .splash-middle-right::before {
        content: "";
        position: fixed;
        top: 0px;
        right: 0px;
        width: 50%;
        height: 50%;
        background-image: url('/resources/img/splash-03.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center right;
        transform: translateY(50%)
    }
.splash-middle-left {
}

    .splash-middle-left::before {
        content: "";
        position: fixed;
        top: 0px;
        left: 0px;
        width: 50%;
        height: 50%;
        background-image: url('/resources/img/splash-04.png');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center left;
        transform: translateY(50%)
    }