.SlideHolder { max-width: 95%; vertical-align: middle; }
.Zm { width: 6%; margin-left: 2.5%; display: inline-block; vertical-align: middle; transition: transform .5s; }
.Zm:hover { transform: scale(1.1); }
.SuppLogo { width: 100%; max-height: 100%; object-fit: contain; }
#myCarousel { position: relative; width: 100%; }
#myCarousel .item[hidden] { display: none; }
#myCarousel .item img { display: block; width: 100%; height: auto; }
/* A mouse click keeps focus, but should not keep the hover highlight. */
#myCarousel .carousel-control { opacity: .5; filter: alpha(opacity=50); }
#myCarousel .carousel-control:hover { opacity: .9; filter: alpha(opacity=90); }
#myCarousel .carousel-control:focus-visible { opacity: .9; filter: alpha(opacity=90); outline: 2px solid white; outline-offset: -2px; }
@media (max-width:450px) { .Zm { width: 20%; } }
@media (prefers-reduced-motion:reduce) { .Zm { transition: none; } }