.hero.no-image {
    background: linear-gradient( var(--top-color) 40%, var(--bottom-color) 0%);
}

.hero.animate.no-image .hero-text {
    transform: none;
    margin-block: 6rem;
}

.hero.animate.no-image .hero-svg-overlay {
    background-image: url("../svgs/home-hero-image-overlay.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    max-width: 15%;
}

.hero.image .hero-background-image {
    transition: all 1s ease-in-out;
    background-size: 100% 100%;
    background-position: center center;
}

.hero.image.animate .hero-background-image {
    background-size: 120% 120%;
}

.hero .hero-text.copy-image {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 4rem;
    padding-inline: 4rem;
    position: relative;
}

.hero .hero-text.copy-image img {
    height: auto;
    margin-inline: auto;
    object-fit: contain;
    max-height: 18.5rem;
}

.hero .hero-text.copy-image .hero-cta{
    justify-content: flex-start;
}


@media screen and (max-width: 50em) {
    .hero .hero-text.copy-image {
        grid-template-columns: unset;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
    }

    .hero.no-image .hero-text{
        transform: none;
    }

    .hero.no-image .hero-text-container {
        display: flex;
        flex-flow: column wrap;
        align-items: center;
        justify-content: center;
    }
}