filmstrip-styles.less

.filmstrip-outer-wrapper {
    width: 100%;
    margin-bottom: 1em;

    .filmstrip-wrapper {
        width: 720px;
        height: 528px;
    }

    .filmstrip {
        width: 100%;
        height: 100%;
        background-size: 100% 2500%;
        background-image: url('../img/filmstrip-cotton-archive-480.jpg');
        @media screen and (min-width: 768px) { 
            background-image: url('../img/filmstrip-cotton-archive.jpg');
        }
        .backface-visibility(hidden);

        &.animated {
            .animation(filmstrip 4s infinite);
        }
    }
}