.image-spinner-box {
    position: relative;
}

.image-spinner-box img {
}

.image-spinner-box .image-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(243, 243, 243);
}

.image-spinner-box .image-spinner::after {
    content: "Yapıyorum";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 1.5em;
    font-weight: bold;
    background: linear-gradient(to right, #C0C0C0, #d7d7d7, #C0C0C0);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shining 2s infinite;
    background-size: 200% auto;
}

@keyframes shining {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}