/**
 * The default slideshow CSS includes a media query which defines a height for
 * the slideshow player when the viewport is over 672 px wide. The image within
 * is then also positioned and set using margin: auto to be in the vertical 
 * center of the player. When the image is very wide, or the player gets too
 * tall (due to being crushed horizontally by its container), this creates large
 * black bars on the top and bottom of the image.
 *
 * This rule is meant to circumvent those behaviors by overwriting the query
 * rules.
 */

.slideshow_medium .slide-image {
    height: initial !important;
    position: initial !important;
}

.slideshow_medium .slide-image img {
    position: initial !important;
}