.at-banner {
    position: relative;
}

.at-banner__inner {
    display: flex;
    align-items: center;
    min-height: clamp(10vh, 40vh, 600px);
    max-width: 90%;
}

/**
 * Content wrapper
 */

.at-banner__contentWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 10;
}

.at-banner__title {
    margin-bottom: 1.2rem;
}

.at-banner__text {
    font-size: clamp(1.125rem, 3vw, 1.3125rem);
}

/**
 * Button wrapper
 */

.at-banner__buttonWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

/*
 * Image wrapper
 */

.at-banner__imageWrapper {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.at-banner__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 568px) {
    .at-banner__inner {
        max-width: 60%;
    }
}

@media (max-width: 568px) {
    .at-banner__image {
        object-position: 60% 2% !important;
    }
}

/*!***/
/* * Mobile view*/
/* *!*/

/*@media (max-width: 767px) {*/
/*    .at-banner {*/
/*        padding-block: 0 !important;*/
/*        padding-inline: 0;*/
/*    }*/

/*    .at-banner__inner {*/
/*        display: flex;*/
/*        flex-direction: column-reverse;*/
/*        min-height: 0;*/
/*    }*/

/*    .at-banner__contentWrapper {*/
/*        margin-top: -10rem;*/
/*        margin-inline: 1rem;*/
/*        z-index: 20;*/
/*    }*/

/*    .at-banner__contentWrapperInner {*/
/*        padding: var(--marginSmall);*/
/*        box-shadow: var(--boxShadow);*/
/*    }*/

/*    .at-banner__imageWrapper {*/
/*        position: relative;*/
/*        height: 420px;*/
/*    }*/

/*    .at-banner__contentWrapperExtra {*/
/*        color: initial;*/
/*    }*/
/*}*/