.container_disks {
    display: flex; /* استخدام flex لتوسيع العناصر داخل الحاوية */
    justify-content: center; /* لمحاذاة العناصر داخل الحاوية */
}

.artwork {
    display: inline-block;
    width:3em;
    position: relative;
    overflow: hidden;
    margin: 1em;
    
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.artwork:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-size: cover;
    mix-blend-mode: overlay;
    border-radius: 50%;
}

.artwork:after {
    content: '';
    padding: .5em;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.artwork img {
    display: block;
    width: 100%;
    height: auto;
    animation: spin 3s infinite linear;
    border-radius: 50%; 
}

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