.boxout1,
.boxout2,
.full {
    clear: both;
    width: 100%;
    box-shadow: 0 3px 4px #000
}

@media (min-width:40em) {
    .boxout1,
    .boxout2 {
        clear: both;
        float: left;
        width: 22em;
        margin: 1em 1em 1em -4em
    }
    .boxout2 {
        float: right;
        margin: 1em -4em 1em 1em
    }
}

.lazy-load.reveal {
    transform: scale(1.10);
}

.lazy-load {
    position: relative;
    display: block;
    overflow: hidden;
    outline: 0;
    transform: scale(1.00);
}

.lazy-load img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    border: 0
}

.lazy-load img.preview {
    filter: blur(15px);
    transform: scale(1.10)
}

.lazy-load img.reveal {
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform, opacity, filter;
    animation: lazyLoadReveal 1s ease-out
}

@keyframes lazyLoadReveal {
    0% {
        transform: scale(1.10);
        filter: blur(15px);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        filter: blur(0px);
        opacity: 1;
    }
}