.puzzle-container {
    /* height: 50vh; */
    /* aspect-ratio: 1 / 1; */
    display: grid;
    
    gap: 2px;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 60vh; /* Ekran taşmasını engeller */
    /* max-height: 50vh; /* Mobilde fazla yüksekliği sınırlamak için */
    /*position:relative;*/
}

    .puzzle-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
        position: relative;
    }

.highlight {
    outline: 2px dashed #198754;
}