User:HashJona/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

.mainpage .gtw-slider {
	margin-bottom: 10px;
}
.mainpage .gtw-slider .fandom-slider {
	max-width: 100%;
	aspect-ratio: 1340 / 348;
	height: auto;
    border: none;
}
.mainpage .gtw-slider .fandom-slider .gallerybox {
    display: block;
}
.mainpage .gtw-slider .fandom-slider .gallerybox img {
	width: 100%;
	height: auto;
}
.mainpage .gtw-slider .fandom-slider .fandom-slider__nav__thumbs {
	display: none;
}

/* Make the slideshow fill its container and stop floating */
.mainpage .gtw-slider .wiki-slideshow,
.mainpage .gtw-slider .wikia-gallery-slideshow,
.mainpage .gtw-slider .mw-gallery-slideshow {
  width: 100% !important;
  max-width: 100%;
  float: none !important;
  margin: 0 auto;
}

/* Force a banner-like aspect ratio; height derives from width */
.mainpage .gtw-slider .mw-gallery-slideshow .mw-gallery-slideshow-img-container {
  aspect-ratio: 1340 / 348;            /* adjust to taste */
  height: auto !important;             /* beat inline heights */
}

/* Make the image fill that box cleanly */
.mainpage .gtw-slider .mw-gallery-slideshow .mw-gallery-slideshow-img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;                    /* use 'contain' if you don't want cropping */
  display: block;
}