.at-imageAndText__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--marginMedium);
}

@media (min-width: 768px) {
    .at-imageAndText__container {
        grid-template-columns: 1.1fr 1fr;
        gap: var(--marginExtraLarge);
    }
}

.at-imageAndText ol {
    margin: 0;
    padding: 0;
    list-style: '';
    font-size: 1.125rem;
}

.at-imageAndText ol {
    counter-reset: count;
    margin-bottom: var(--marginMediumLarge);
}

.at-imageAndText li {
    counter-increment: count;
    position: relative;
    padding-left: 5rem;
    min-height: 3.5rem;
}

.at-imageAndText li + li {
    margin-top: var(--marginMediumLarge);
}

.at-imageAndText li::before {
    content: counter(count);
    position: absolute;
    left: 0;
    display: inline-grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    box-shadow: 0 0 1px 0 var(--baseDark500);
    background-color: var(--baseLight100);
}

.at-imageAndText__image {
    border-bottom-left-radius: var(--borderRadiusMedium);
}

.at-imageAndText.--green {
    background-color: var(--tertiaryColor100);
}

.at-imageAndText.--yellow {
    background-color: var(--secondaryColor100);
}

.at-imageAndText.--blue {
    background-color: var(--primaryColor100);
}