.yservi-animation-banner {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0 0 clamp(1rem, 2.5vw, 1.75rem);
  border-radius: clamp(0.75rem, 2vw, 1.375rem);
  line-height: 0;
  box-shadow: 0 10px 24px rgba(9, 43, 80, 0.2);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.yservi-animation-banner:hover {
  transform: translateY(-1px);
  box-shadow: 0 13px 28px rgba(9, 43, 80, 0.24);
}

.yservi-animation-banner:focus-visible {
  outline: 4px solid #34ddd2;
  outline-offset: 3px;
}

.yservi-animation-banner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .yservi-animation-banner {
    transition: none;
  }
}