.shimmer-placeholder{
        background: #f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%) no-repeat;
        background-size: 800px 104px;
        display: inline-block;
        position: relative;
        height: 46vw;
        width: 100%;
        animation-duration: 0.8s;
        -webkit-animation-duration: 0.8s;
        -webkit-animation-fill-mode: forwards;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: placeholderShimmer;
        -webkit-animation-timing-function: linear;
    }

 @-webkit-keyframes placeholderShimmer {
        0% {
            background-position: -468px 0;
        }

        100% {
            background-position: 468px 0;
        }
    }