.oeos-suite-static-infographic-wrap {
  width: min(92vw, 1080px);
  max-width: 90%;

  /* Reduced top margin, original bottom margin retained */
  margin: clamp(2px, 1vw, 9px) auto clamp(12px, 2vw, 24px);

  padding: 0 clamp(12px, 2vw, 24px);
  box-sizing: border-box;
}

.oeos-suite-static-infographic {
  display: block;
  width: 90%;
  max-width: 90%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;

  animation: oeosFloatY 4.5s ease-in-out infinite;
  will-change: transform;
}

@keyframes oeosFloatY {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-14px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (min-width: 1440px) {
  .oeos-suite-static-infographic-wrap {
    width: min(78vw, 1120px);
  }
}

@media (max-width: 991px) {
  .oeos-suite-static-infographic-wrap {
    width: 94vw;
    padding: 0 16px;

    /* Reduced top margin, original bottom margin retained */
    margin: 16px auto 32px;
  }
}

@media (max-width: 576px) {
  .oeos-suite-static-infographic-wrap {
    width: 100%;
    padding: 0 12px;

    /* Reduced top margin, original bottom margin retained */
    margin: 12px auto 24px;
  }
}

/* Accessibility: disable animation for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .oeos-suite-static-infographic {
    animation: none;
  }
}