.two-column-flex {
    row-gap: 30px;
}

.two-column {
    display: block;
}

.two-column__image {
    height: 215px;
}

.two-column__details {
    margin-top: 20px;
}

.two-column__title {
    color: var(--font-gray);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.30em;
    text-transform: capitalize;
    margin: 0;
}

@media (min-width: 768px) {
    .two-column__image {
        height: 200px;
    }
}

@media (min-width: 1200px) {

    .two-column__image {
        height: 414px;
    }

    .two-column__details {
        margin-top: 35px;
    }

    .two-column__title {
        font-size: 24px;
    }

    .two-column:hover .two-column__title {
        color: var(--brown);
    }
}

@media (min-width: 1600px) {

    .two-column__image {
        height: 636px;
    }

    .two-column__details {
        margin-top: 50px;
        padding-right: 154px;
    }

    .two-column__title {
        font-size: 30px;
    }
}