/* Final image treatment and small-screen refinements for the homepage. */
.hero-image {
    isolation: isolate;
}

.hero-image::before {
    bottom: 0;
    z-index: -1;
    border-radius: 52% 52% 46% 46%;
    background: linear-gradient(145deg, #faf0e3, #f4e7d6);
}

.hero-image::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 5%;
    bottom: -14px;
    left: 5%;
    height: 55px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, #f7f4ee 0 44%, transparent 45%);
    pointer-events: none;
}

.hero-image img {
    z-index: 1;
    mix-blend-mode: multiply;
    filter: contrast(1.02);
}

@media (max-width: 760px) {
    .hero-image::after { right: 0; left: 0; }
}