Add tile_wrap to parent and child rows and add tile_text/image to columns
/**********TILES**********/
@media (min-width:768px){
.tile_wrap > .full_section_inner {
display: flex;
}
.tile_text {
display: flex;
padding: 100px !important;
}
.tile_image {
display: flex;
}
.tile_image .vc_column-inner {
background-size: cover;
background-position: center center;
}
}
@media (max-width:768px) {
.tile_text_mobile_right {
padding-top: 40px !important;
padding-right: 30px !important;
padding-bottom: 40px !important;
padding-left: 30px !important;
}
.tile_text_mobile_left {
padding-top: 30px !important;
padding-right: 30px !important;
padding-bottom: 40px !important;
padding-left: 30px !important;
}
.tile_image > .vc_column-inner {
background-size: cover;
background-position: center center;
padding: 200px !important;
}
}
/**********END TILES**********/
@media (min-width:768px){
.tile_wrap > .full_section_inner {
display: flex;
}
.tile_text {
display: flex;
padding: 100px !important;
}
.tile_image {
display: flex;
}
.tile_image .vc_column-inner {
background-size: cover;
background-position: center center;
}
}
.vc_row.vc_row-o-content-top:not(.vc_row-o-equal-height) > .vc_column_container {
-webkit-box-align: normal;
-webkit-align-items: normal;
-ms-flex-align: normal;
align-items: normal;
}