@import "../../bootstrap/variables";


@keyframes up-down-cta-and-information-hybrid-image-animation {
    0%, 100% {
        transform: translateY(8px);
    }
    50% {
        transform: translateY(-24px);
    }
}


.cta-and-information-hybrid-section {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 40px;
    padding-bottom: 100px;

    &__content-img {
        width: 440px;
        height: 440px;
        animation: up-down-cta-and-information-hybrid-image-animation 4s ease-in-out infinite;

        img {
            max-width: 100%;
            max-height: 100%;
        }
    }

    @media (max-width: $screen-sm-max) {
        height: auto;
        padding-top: 20px;
        padding-bottom: 40px;

        &__content-img {
            width: 100%;
            height: 360px;
            margin-top: 24px;
        }
    }
}