/* body {
            align-items: center;
            background: #E3E3E3;
            display: flex;
            height: 100vh;
            justify-content: center;
        } */
                    
                    @-webkit-keyframes scroll {
                        0% {
                            -webkit-transform: translateX(0);
                            transform: translateX(0);
                        }
                        100% {
                            -webkit-transform: translateX(calc(-100px * 7));
                            transform: translateX(calc(-100px * 7));
                        }
                    }
                    
                    @keyframes scroll {
                        0% {
                            -webkit-transform: translateX(0);
                            transform: translateX(0);
                        }
                        100% {
                            -webkit-transform: translateX(calc(-100px * 7));
                            transform: translateX(calc(-100px * 7));
                        }
                    }
                    
                    .infinslider {
                        background: pr;
                        box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
                        height: 100px;
                        margin: auto;
                        overflow: hidden;
                        position: relative;
                        width: 960px;
                    }
                    
                    .infinslider::before,
                    .infinslider::after {
                        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
                        content: "";
                        height: 100px;
                        position: absolute;
                        width: 200px;
                        z-index: 2;
                    }
                    
                    .infinslider::after {
                        right: 0;
                        top: 0;
                        -webkit-transform: rotateZ(180deg);
                        transform: rotateZ(180deg);
                    }
                    
                    .infinslider::before {
                        left: 0;
                        top: 0;
                    }
                    
                    .infinslider .slide-track {
                        -webkit-animation: scroll 40s linear infinite;
                        animation: scroll 40s linear infinite;
                        display: flex;
                        width: calc(100px * 14);
                    }
                    
                    .infinslider .slide {
                        height: 100px;
                        width: 100px;
                    }