/* This locks the image aspect ratio to 16:9 and keeps the height 100% to the parent container Add the class diviwp-image-21-height-16-9 to your image class for this to work */ @media only screen and ( min-width: 980px ) and ( max-width: 1190px ) { /* this is the column that holds the image module */ .et-db #et-boc .et-l .diviwp-col-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } /* aspect ratio */ .et-db #et-boc .et-l .diviwp-image-21-height-16-9 .et_pb_image_wrap { /* adjust this percentage to crop the image accordingly Square 1:1 = 100% Landscape 16:9 = 56.25% Landscape 4:3 = 75% Landscape 3:2 = 66.67% Portrait 9:16 = 177.78% Portrait 3:4 = 133.34% Portrait 2:3 = 150% */ padding-top: 100%; display: block; position: inherit; } .et-db #et-boc .et-l .diviwp-image-21-height-16-9 img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; } }