.marquee-wrapper{text-align:center}.marquee-wrapper .container{overflow:hidden}.marquee-inner span{float:left;width:50%}

.marquee-wrapper {
  width: 100%;
  overflow: hidden;
}

.marquee-wrapper .marquee-block {
  --total-marquee-items: 8;
  height: 150px;
  width: 100%;              /* FIXED */
  max-width: 100%;          /* IMPORTANT */
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin: 20px auto;
  padding: 30px 0;
}



.marquee-inner{display:block;width:200%;position:absolute}.marquee-inner p{font-weight:800;font-size:30px;font-family:cursive}.marquee-inner.to-left{animation:25s linear infinite marqueeLeft}.marquee-inner.to-right{animation:25s linear infinite marqueeRight}.marquee-item{width:230px;height:auto;display:inline-block;margin:0 10px;float:left;transition:.2s ease-out}@keyframes marqueeLeft{0%{left:0}100%{left:-100%}}@keyframes marqueeRight{0%{left:-100%}100%{left:0}}


.marquee-block {
  will-change: transform;
  transform: translateZ(0);
}