.banner {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 15rem;
}

.banner-image {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.banner-logo {
   opacity: 0.8;
   max-height: 10rem;
}

.list-item-banner {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 10rem;
}

.list-item-banner-image {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   filter: grayscale(100%);
}

.list-item-banner-image:hover {
   filter: none;
   height: 10rem;
}


.list-item-banner-logo {
   opacity: 0.8;
   max-height: 7rem;
}


@media (max-width: 767.98px) {

   .banner {
      height: 11rem;
   }

   .banner-logo {
      max-width: 18rem;
      max-height: 6rem;
   }

   .list-item-banner {
      height: 8rem;
   }

   .list-item-banner-logo {
      max-width: 10rem;
      max-height: 5rem;
   }
}