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

.two-sided-information-images-and-cards-section {
    width: 100%;
    height: 795px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    &__specific-information-card {
        height: 216px;
    }

    &__side-img {
        margin-top: 78px;
        height: 717px;
        max-width: 440px;
    }

    @media (max-width: $screen-sm-max) {
        height: auto;

        &__side-img {
            height: 480px;
            max-width: 100%;
            margin-top: 0;
            padding-bottom: 48px;
        }

    }
}