#mainimage {
    position: relative; overflow: hidden}
#mainimage .imagery {
    position: relative; margin-top: 0; }

#mainimage::before { width:200vw; height: 50%; background: var(--container_blue); display: block; content:"";
    position: absolute; top: 0; left: 50%; transform:translateX(-50%); }


@media all and (max-width: 1099.98px) {
    #mainimage figcaption {padding-left:var(--wrapper-margin)  }
}
/*
.mainimage .vidholder{ display: block; width:100%; height: 0; padding-bottom: 56.25%;
    position: relative;}
.mainimage iframe{ display: block; width:100%; height:100%;
    position: absolute; top: 0; left: 0;}*/