.answer-cards {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 3.5rem;
    display: grid;
}

.answer-card__img {
    border-radius: 3rem;
    width: 25rem;
    height: 28.75rem;
}

.answer-card__title {
    font-family: var(--font-heading);
    font-size: var(--text-h4-size);
    line-height: var(--text-h4-line-height);
    font-weight: var(--font-weight-semibold);
    text-align: center;
    padding-top: 1.25rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media screen and (max-width: 991px) {
    .answer-card__img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .answer-cards {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        flex-flow: column;
        margin-top: 2rem;
        display: flex;
    }

    .answer-card__img {
        border-radius: 2rem;
    }
}