/**
 * Columns
 */

.at-columns {
    margin-block-end: 1.5rem;
}

.at-columns__column {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.at-columns__columnWrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 256px), 1fr));
    gap: 2rem;
}

.at-columns__imageContainer {
    order: -1;
    overflow: clip;
}

.at-columns .at-columns__image {
    display: block;
    width: 100%;
}

.at-columns__imageCaption {
    text-align: right;
    font-style: italic;
}

.at-columns__text a {
    position: relative;
    z-index: +1;
}

/**
 * Media queries
 */

@media (min-width: 768px) {
    .at-columns__imageContainer {
        margin-block: 0;
    }
}