.phone--screenshot .phone-screen {
    padding-top: 0;
}

.phone-screenshot {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.hero-phone {
    width: 160px;
    height: 344px;
    top: 126px;
}

.ordering-media > .phone--screenshot {
    height: auto;
    aspect-ratio: 1290 / 2796;
}

@media (max-width: 1190px) {
    .hero-phone {
        width: 151px;
        height: 326px;
        top: 138px;
    }
}

@media (max-width: 1000px) {
    .hero-phone {
        width: 140px;
        height: 302px;
        top: 127px;
    }
}

@media (max-width: 767px) {
    .hero-phone {
        width: 136px;
        height: 292px;
        top: 58px;
    }
}