.flex-2{
    display: flex;
    gap: 20px;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
    margin-top: 40px;
}
.flex-2 img{
    width: 100%;
}
.flex-2 .left,
.flex-2 .right {
    width: calc((var(--content--width) / 2 ) - 10px);

}

@media (max-width:768px) {
    .flex-2{
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        align-items: center;
    }
    .flex-2 .left,
    .flex-2 .right {
        width: (var(--content--width) / 2 );
    
    }
}