.lazy-bg-section {
    height: 400px;
    background: url("/source/a5d9259d29cec967c2ec1155498aa64f/logo-lazy-placeholder-image.gif") no-repeat center center;
    background-size: cover;
    position: relative;
}
.lazy-bg-loaded {
    transition: background-image 1s ease-in-out;
}

img.lazyload {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

img.lazyload.fade {
    opacity: 1;
}

img[src="../images/lazy-placeholder-image.gif"] {
    background: url("/source/fdcfbffa01191b61e9f3a02db00aaf8a/logo-loading-spinner.gif") no-repeat center center;
    /* background-size: 50px 50px; */
}

video.lazy-video {
    background: url("/source/fdcfbffa01191b61e9f3a02db00aaf8a/logo-loading-spinner.gif") no-repeat center center;
    /* background-size: 200px 200px; */
    /* width: 100%; */
    height: auto;
}

video.lazy-video.fade {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}