.hero-banner{width:98%;max-width:100%;height:320px;overflow:hidden;background-color:#cee3fb;aspect-ratio:4/1;margin:20px 0 0;border-radius:20px;position:relative;left:50%;transform:translateX(-50%)}.hero-banner-track{display:flex;width:100%;height:100%;transition:transform .6s ease-in-out}.hero-banner-image{width:100%;height:100%;object-fit:cover;flex-shrink:0}@media (max-width:768px){.hero-banner{height:120px}}@media (max-width:480px){.hero-banner{height:100px;border-radius:10px;margin-top:5px}}