@media (max-width: 767px) {
    .top .hero::after {
        bottom: 0;
        left: 3%;
        width: 94%;
        height: calc(100% - 100vw);
        background-position: center;
        background-size: contain;
    }
}

@media (min-width: 768px) {
    .top .hero::after {
        bottom: calc(27.3% - 52px);
        left: 11%;
        width: 62.4%;
        height: 45.4%;
        background-position: center;
        background-size: contain;
    }
}