diff --git a/src/components/Banner2.css b/src/components/Banner2.css index d4711d0..818efc4 100644 --- a/src/components/Banner2.css +++ b/src/components/Banner2.css @@ -94,14 +94,14 @@ width: 100%; height: 100%; object-fit: contain; - animation: spin-right 20s linear infinite; + animation: spin-text 20s linear infinite; will-change: transform; position: relative; z-index: 2; } .is-hovered .banner2-rotating-text { - animation-duration: 5s; + animation: spin-text 5s linear infinite; filter: drop-shadow(0 0 8px rgba(255, 91, 4, 0.4)); } @@ -110,6 +110,18 @@ to { transform: rotate(360deg); } } +@keyframes spin-text { + from { transform: scale(1.45) rotate(0deg); } + to { transform: scale(1.45) rotate(360deg); } +} + +@media (max-width: 900px) { + @keyframes spin-text { + from { transform: scale(1.6) rotate(0deg); } + to { transform: scale(1.6) rotate(360deg); } + } +} + /* ── Center CTA hint ── */ .banner2-cta-hint { position: absolute;