.photoGallery {
    animation: fade-in 5s;
}

.spinner {
    animation: spinner 1s infinite linear;
    background:
            radial-gradient(farthest-side,#467a87 94%,#0000) top/8px 8px no-repeat,
            conic-gradient(#0000 30%,#467a87);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    border-radius: 50%;
    height: 50px;
    left: 50%;
    position: absolute;
    width: 50px;
}

@keyframes fade-in {
    0% {
        animation-play-state: paused;
        opacity: 0;
    }
    50% {
        animation-play-state: running;
    }
    100% {
        opacity: 1;
    }
}

@keyframes spinner {
    100% {
        transform: rotate(1turn)
    }
}