.footer > img {
  width: 150px;
  height: 86px;
  padding: 0 0 14px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
  border-bottom: 3px solid var(--aqua);
  transition: transform .38s cubic-bezier(.2,.8,.2,1), filter .35s ease;
}

.footer > img:hover {
  transform: translateX(6px) translateY(-3px);
  filter: brightness(0) invert(1) drop-shadow(0 0 12px rgba(21,199,188,.34));
}

@media (max-width: 700px) {
  .footer > img {
    width: 128px;
    height: 72px;
    padding-bottom: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .footer > img { transition: none; }
}