.hero-product-shot {
    display: block;
    width: min(100%, 509px);
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 26px;
    box-shadow: 0 34px 90px rgba(15, 70, 120, .24);
    transform: rotate(-1deg);
}

.hero-product-shot img {
    width: 100%;
    height: auto;
    aspect-ratio: 509 / 438;
    object-fit: cover;
}

@media (max-width: 760px) {
    .hero-product-shot {
        border-radius: 20px;
        transform: none;
    }
}