.image-loader {
    position: relative;
}

.image-loader img {
    display: block;
    width: 100%;
}

.image-spinner {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 32px;
    height: 32px;

    margin-top: -16px;
    margin-left: -16px;

    border: 3px solid rgba(0, 0, 0, 0.15);
    border-top-color: rgba(0, 0, 0, 0.8);

    border-radius: 50%;

    animation: image-spin 0.7s linear infinite;

    z-index: 2;
}

.image-loader.is-loaded .image-spinner {
    display: none;
}

@keyframes image-spin {
    to {
        transform: rotate(360deg);
    }
}