.rsdi-hero { position: relative; }
.rsdi-hero > picture { position: absolute; inset: 0; display: block; }
.rsdi-hero-image { width: 100%; height: 100%; object-fit: cover; }
.rsdi-hero > .container { position: relative; z-index: 2; }
.rsdi-hero:before { z-index: 1; }
picture { display: contents; }

.tab-img > picture { display: block; width: 100%; height: 100%; }
.tab-img > picture > img { width: 100%; height: 100%; object-fit: cover; }