.shelflife-product-shot {
    padding: 1.25rem;
    background:
        radial-gradient(circle at 50% 18%, rgba(82, 235, 170, 0.2), transparent 54%),
        rgba(255, 255, 255, 0.94);
}

.shelflife-hero-icon {
    display: block;
    width: min(72%, 280px);
    height: auto;
    margin: 0.15rem auto 0.35rem;
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 22%;
    box-shadow: 0 18px 38px rgba(8, 27, 58, 0.2);
}

@media (max-width: 980px) {
    .shelflife-hero-icon {
        width: min(48vw, 280px);
    }
}

@media (max-width: 720px) {
    .shelflife-product-shot {
        padding: 1rem;
    }

    .shelflife-hero-icon {
        width: min(68vw, 240px);
    }
}