@keyframes pt-smoke-drift-1 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(8%, -6%) scale(1.15); }
}

@keyframes pt-smoke-drift-2 {
  0%, 100% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(-10%, 5%) scale(1.1); }
}

@media (prefers-reduced-motion: reduce) {
  .banner__media::before,
  .banner__media::after {
    animation: none !important;
  }
}