.Teaser {
    display: flex;
    flex-direction: row;
    align-items: center;

    & .image-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    &.right {
        flex-direction: row-reverse;
    }
}


@media (width <= 1601px) {
    .Teaser {
        flex: 1 0 300px;
        flex-direction: column;
        text-align: center;
        justify-content: start;

        &.right {
            flex-direction: column;
        }

        & h3 {
            text-align: center;
        }

        & .text-container,
        & .text-container main {
            height: 100%;
        }

        & .image-container img {
            width: 100%;
            height: auto;
        }
    }
}