.strike-three-img-wrap {
    padding: var(--wp--custom--container--padding--medium) 0;
    .img-col-1,
    .img-col-2 {
        flex-basis: 20%;

        img {
            object-fit: cover;
        }
    }

    .img-col-1 {
        justify-content: space-between;
        row-gap: 2rem;
    }

    .img-col-2 {
        img {
            height: 100%;
        }
    }

    .content-col {
        /* default */
        color: var(--wp--preset--color--white);
        flex-basis: 60%;

        .pre-title {
            margin: unset;
        }

        .main-content {
            font-size: var(--wp--preset--font-size--lg);
            font-style: italic;
            font-weight: 300;
            letter-spacing: 1.4px;
            line-height: 36px;
            margin: 1.5rem 0 2.5rem;
            max-width: 46.9vw;
            text-align: center;
            text-transform: uppercase;
        }
    }
}

@media screen and (max-width: 767px) {
    .strike-three-img-wrap {
        flex-direction: column;
        gap: 2rem;

        .content-col .main-content {
            max-width: unset;
        }

        /* Something reasonable ? */
        .img-col-1 {
            img {
                max-height: 15rem;
                object-fit: cover;
            }
        }

        .img-col-2 img {    
            max-height: 30rem !important;
            object-fit: cover;
        }
    }
}

@media screen and (max-width: 500px) {
    .strike-three-img-wrap {
        .main-content {
            font-size: var(--wp--preset--font-size--sm) !important;
        }
    }
}