.lazy-image {
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

@keyframes placeHolderShimmerSmall {
    0% {
        background-position: 0 -400px;
    }
    100% {
        background-position: 0 400px;
    }
}

.animated-background {
    animation-name: placeHolderShimmerSmall;
    animation-duration: 11.25s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background: #f6f7f8;
    background-size: 800px 800px;
    background: linear-gradient(
        to bottom,
        #eeeeee 0%,
        #dddddd 50%,
        #eeeeee 100%
    );
    position: relative;
}

.animated-background.large {
    animation-duration: 3s;
}

.animated-background.medium {
    animation-duration: 4s;
}

.animated-background-masker {
    background: #fff;
    position: absolute;
}