/*
 * Banner Component
 */

.banner {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.banner__image-wrapper {
  width: 100%;
  height: auto;
  display: block;
}

.banner__image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.banner__content {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  color: white;
  z-index: 2;
}