#process {
    background: linear-gradient(0deg, hsl(var(--brand-color-04-h), var(--brand-color-04-s), 15%) 0%, hsl(var(--brand-color-01-h), var(--brand-color-01-s), 0%) 100%);
    color: #fff;
    padding: 8rem 0;
}

.hero-image {
    position: relative;
}

.hero-image .image-wrapper {
    position: absolute;
    top: -4rem;
    left: 0;
    width: 50vw;
    height: calc(100% + 8rem);
}

.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

@media screen and (max-width: 767px) {
    .hero-image {
        min-height: 360px;
    }

    .hero-image .image-wrapper {
        top: 4rem;
        width: 120vw;
        height: 100%;
    }

    .hero-image img {
        object-position: top center;
    }
}

.grid-container img {
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
    height: 100%;
}