.vinyl_container {
    height: 16em;
    aspect-ratio: 1.3/1;
    background-color: rgb(244, 244, 244);
    border-radius: var(--border_radius);
    background-color: rgb(223, 223, 223);
    position: relative;
}

@media(max-width: 480px){
    .vinyl_container {
        height: 16em;
    }
}



@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.vinyl {
    animation:spin 10s linear infinite;

    position: absolute;
    height: 80%;
    left: 5%;
    top: 5%;
    aspect-ratio: 1;
    background: repeating-radial-gradient(circle,
            #000000 0px,
            #010101 1px,
            #1e1e1e 1px,
            #1e1e1e 3px);
    border-radius: 50%;
}
.vinyl_art {
    position: absolute;
    height: 35%;
    left: 32.5%;
    top: 32.5%;
    aspect-ratio: 1;
}

.vinyl_art img {
    height: 100%;
    border-radius: 50%;
}

.vinyl_hole {
    position: absolute;
    top: 47.5%;
    left: 47.5%;
    width: 5%;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: rgb(198, 198, 198);
}


.vinyl_container input[type="checkbox"] {
    position: absolute;
    top: 10%;
    right: 5%;
    width: 12.5%;
    
    background-color: aqua;
} 
/* 
<div class="gallery">
            <div class="gallery_item">
                <div class="vinyl_container">
                    <div class="vinyl_background"></div>
                    <div class="vinyl">
                        <div class="vinyl_art">
                            <img src="Bestanden/nsfw/nsfw 2.jpg">
                            <div class="vinyl_hole"></div>
                        </div>
                    </div>
                    <input type="checkbox">
                </div>
                <div class="gallery_item_description">Impressionisme</div>
            </div>

            <div class="gallery_item">
                <div class="vinyl_container"></div>
                <div class="gallery_item_description">Impressionisme</div>
            </div>
            <div class="gallery_item">
                <div class="vinyl_container"></div>
                <div class="gallery_item_description">Impressionisme</div>
            </div>
            
        </div>
 */