html body .SponsorWidget .sponsor-item {
  transition: transform 0.3s ease, opacity 0.3s ease; }
  html body .SponsorWidget .sponsor-item img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    transition: transform 0.3s ease; }
html body .SponsorWidget.showall {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }
  html body .SponsorWidget.showall .sponsor-item {
    margin-bottom: 25px;
    max-width: 100%; }
    html body .SponsorWidget.showall .sponsor-item img {
      visibility: hidden; }
    html body .SponsorWidget.showall .sponsor-item:hover img {
      opacity: 1; }
html body .SponsorWidget .sponsor-item:hover img {
  transform: scale(1.1) !important;
  /* Enlarge the hovered image */ }
html body .SponsorWidget:hover .sponsor-item img {
  transform: scale(0.9);
  /* Shrink the non-hovered images */
  opacity: 0.7;
  /* Optional: add opacity to fade the non-hovered images */ }

@media screen and (max-width: 1024px) {
  .SponsorWidget.showall .sponsor-item {
    min-width: 250px; } }
@media screen and (max-width: 768px) {
  .SponsorWidget.showall .sponsor-item img {
    height: auto !important; } }
@media screen and (max-width: 480px) {
  .SponsorWidget.showall {
    justify-content: space-evenly; }
    .SponsorWidget.showall .sponsor-item {
      max-width: 100%; } }