.cg-row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.cg-row .cg-col {
    display: flex;
    flex-direction: column;
    height: auto;
}

.cg-row .cg-col > img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    display: block;
}
.cg-image-top {
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cg-image-empty { visibility: hidden; }
.cg-image-top img,
.cg-image-bottom img {
    width: 100%;
    height: 220px;
    object-fit: contain;
}
.cg-image-bottom {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cg-row .cg-col .cg-text-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

@media (max-width: 576px) {
    section.cg-section {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}