.progressive {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none
}

.progressive img {
    display: block;
    width: 285px;
    max-width: 100%;
    height: 175px;
    border: 0
}

.progressive img.preview {
    filter: blur(1vw);
}

.progressive img.reveal {
    position: absolute;
    left: 0;
    will-change: transform, opacity;
    animation: progressiveReveal 0.5ms ease-out
}

@keyframes progressiveReveal {
    0% {
        transform: scale(1);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}