.skeleton-loader {
    position: relative;
    height: 320px;
}
.skeleton-loader:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100% ),
    linear-gradient(#aaaaaa 171px, transparent 0),
    linear-gradient(#aaaaaa 171px, transparent 0),
    linear-gradient(#aaaaaa 14px, transparent 0),
    linear-gradient(#aaaaaa 14px, transparent 0),
    linear-gradient(#aaaaaa 23px, transparent 0),
    linear-gradient(#aaaaaa 23px, transparent 0),
    linear-gradient(#aaaaaa 23px, transparent 0),
    linear-gradient(#aaaaaa 23px, transparent 0),
    linear-gradient(#ffffff 100%, transparent 0);
    background-size: 264px 100%, 242px 171px, 236px 171px, 128px 14px, 128px 14px, 71px 23px, 33px 23px, 128px 23px, 87px 23px, 100% 100%;
    background-position: 0 0 , 9px 77px, 270px 77px, 9px 256px, 270px 256px, 9px 19px, 98px 19px, 149px 19px, 295px 19px, 0 0;
    animation: skeleton-animation 2300ms infinite;
}

@keyframes skeleton-animation {
    to {
        background-position: 100% 0, 9px 77px, 270px 77px, 9px 256px, 270px 256px, 9px 19px, 98px 19px, 149px 19px, 295px 19px, 0 0;
    }
}