.tpl-grid-3img-2text {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
    row-gap: 16px;
}

.tpl-grid-3img-2text > div {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.tpl-grid-3img-2text__img {
    border-radius: 16px;
    overflow: hidden;
}

.tpl-grid-3img-2text__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tpl-grid-3img-2text__img.img-1 {
    width: 100%;
    height: 130px;
    margin-top: calc(32px - 16px);
}

.tpl-grid-3img-2text__img.img-2 {
    width: 100%;
    height: 335px;
}

.tpl-grid-3img-2text__img.img-3 {
    width: 100%;
    height: 192px;
}

.tpl-grid-3img-2text__img.img-3.desktop {
    display: none;
}

.tpl-grid-3img-2text__description {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    padding: 16px 16px 24px 16px;
    border-radius: 16px;
    background-color: var(--color-terciary-gray, #F8F7F5);
}

@media (min-width: 728px) {
    .tpl-grid-3img-2text {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .tpl-grid-1video-2img-2text > div {
        gap: 20px;
    }

    .tpl-grid-3img-2text__title-section {
        height: fit-content;
        padding-block: 32px;
    }

    .tpl-grid-3img-2text__img.img-1,
    .tpl-grid-3img-2text__img.img-3 {
        height: 200px;
    }

    .tpl-grid-3img-2text__img.img-1 {
        margin-top: 0;
    }

    .tpl-grid-3img-2text__img.img-2 {
        height: 400px;
    }

    .tpl-grid-3img-2text__img.img-3 {
        align-self: flex-start;
    }

    .tpl-grid-3img-2text__img.img-3.mobile {
        display: none;
    }

    .tpl-grid-3img-2text__img.img-3.desktop {
        display: block;
    }
}

@media (min-width: 1024px) {
    .tpl-grid-3img-2text__img.img-1,
    .tpl-grid-3img-2text__img.img-3 {
        height: 256px;
    }

    .tpl-grid-3img-2text__img.img-2 {
        height: 608px;
    }
}

@media (min-width: 1440px) {
    .tpl-grid-3img-2text,
    .tpl-grid-3img-2text > div {
        gap: 32px;
    }

    .tpl-grid-3img-2text__description {
        row-gap: 8px;
        padding: 32px 32px 48px 32px;
    }
}