.at-vat__visualContainer {
    margin-bottom: 1em;
}

@media (min-width: 850px) {
    .at-visual-and-text {
        display: -ms-flexbox;
        display: flex;
    }

    .at-vat--visualRight .at-vat__visualContainer {
        -ms-flex-order: 2;
        order: 2
    }

    .at-vat__visualContainer--image {
        position: relative;
        overflow: hidden;
    }

    .at-vat__textContainer {
        padding-left: 3.5%;
    }

    .at-vat--visualRight .at-vat__textContainer {
        -ms-flex-order: 1;
        order: 1;
        padding: 0 3.5% 0 0;
    }

    /**
     * Fall back styling for no Flexbox
     */

    .at-vat__visualContainer,
    .at-vat__textContainer {
        width: 50%;
    }

    .at-vat__visualContainer {
        margin-bottom: 0;
    }

    .at-vat__visualContainer--image {
        padding-top: 38.2%;
    }

    .at-vat__visualContainer,
    .at-vat--visualRight .at-vat__textContainer {
        float: left;
    }

    .at-vat__textContainer,
    .at-vat--visualRight .at-vat__visualContainer {
        float: right;
    }

    /**
     * Image - Achieve behavior like background-size cover with an image element
     */

    .at-vat__visual {
        position: absolute;
        margin: auto;
        top: -9999px;
        right: -9999px;
        bottom: -9999px;
        left: -9999px;
        height: 100%;
        max-width: none;
    }
}