.main::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 70%;
    background: url("../img/bg/lightning.webp") no-repeat center center;
    background-size: cover;
}

@media (orientation: portrait) and (min-width: 0px) {
    .cloud-top--portrait {
        aspect-ratio: 720 / 237;
        position: absolute;
        top: -110px;
        z-index: 1;
    }
}

@media (orientation: portrait) and (min-width: 500px) {
    .cloud-top--portrait {
        aspect-ratio: 1968 / 718;
        width: 105%;
        position: absolute;
        top: -30px;
    }
}

@media (orientation: portrait) and (min-width: 768px) {
    .main::after {
        top: -25%;
    }
}