#banner-container {
  position: relative;
  width: 100%;
}

#banner-container img {
  filter: brightness(100%);
  height: 270px;
  width: -webkit-fill-available;
  object-fit: cover;
}

#banner-container:hover img {
  filter: brightness(70%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.banner-buttons {
  position: absolute;
  width: 500px;
  left: auto;
  top: auto;
  text-align: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}

#banner-container:hover .banner-buttons {
  opacity: 1;
}