/**
 * The behaviour of the CSS for openseadragon containers is as follows:
 * - 100% of parent container
 * - 16:9 aspect ratio by default
 * - if you want to adjust this aspect ratio,
 *   manipulate the padding-top value of .openseadragon-container:before
 */

.openseadragon-wrapper {
  position: relative;
  width: 100%;
}
.openseadragon-wrapper:before{
  content: "";
  display: block;
  padding-top: 56.25%;
}
.openseadragon-wrapper > .openseadragon-wrapper-inner {
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}