#work-cta {
    background-color: var(--black-200);
    overflow: hidden;
    position: relative;
}

#work-cta .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#work-cta .content{
    padding-bottom: 33cqw;
    padding-right: 4cqw;
}

#work-cta .background {
    z-index: 0;
    overflow: hidden;
    padding: 2.5rem;
    top: 0;
    left: 0;
}

#work-cta .background-clip {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#work-cta img {
    animation: rotate 50s linear infinite;
    width: 100vw;
    height: 100vw;
    object-fit: contain;
}

#work-cta pyro-button button {
    padding-left: 0;
}

@media only screen and (max-width: 64rem) {
    #work-cta .cta-heading {
        font-size: 2.5rem;
    }

    #work-cta pyro-stack {
        max-width: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 48rem) {

    #work-cta {
        min-height: 75vh;
    }

    #work-cta .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem;
    }
    #work-cta pyro-stack h3.pyro-stack-long-text {
        width: 100% !important;
        max-width: 100%;
    }

    #work-cta .background {
        /* border: 1px solid red;  */
        padding: 1rem;
    }
    #work-cta .background img {
        border: 1px solid blue;
        width: 100vh;
        height: 100vh;
        
        object-fit: cover;
        max-width: none;

    }

    #work-cta .content .column {
        padding-top: 0;
    }

    #work-cta .cta-heading {
        font-size: 2.2rem;
    }


}