.ribbon-section{height:800px;margin-top:-400px;overflow:hidden}.ribbon-section .ribbons-wrapper{position:relative;width:100vw;height:800px;z-index:2}.ribbon-section .ribbons-wrapper .ribbon{position:absolute;top:50%;left:50%;transform-origin:center;width:160vw;padding:30px 0;overflow:hidden}.ribbon-section .ribbons-wrapper .ribbon p{white-space:nowrap;display:inline-block;font-size:106px;line-height:100%;font-weight:500;animation:ribbonScroll 20s linear infinite;margin-bottom:0}@media(max-width: 768px){.ribbon-section .ribbons-wrapper .ribbon p{font-size:32px}}.ribbon-section .ribbons-wrapper .ribbon-yellow{background:#ddff53;transform:translate(-50%, -50%) rotate(-15deg)}.ribbon-section .ribbons-wrapper .ribbon-yellow p{color:#000}.ribbon-section .ribbons-wrapper .ribbon-purple{background:#7e62f3;transform:translate(-50%, -50%) rotate(15deg)}.ribbon-section .ribbons-wrapper .ribbon-purple p{color:#fff}@keyframes ribbonScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}