/* GALERI FOTO TKJ */
.tkj-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.tkj-gallery img {
    width: calc(25% - 10px); /* 4 foto per baris di desktop */
    height: 150px; /* Ukuran foto diperkecil */
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s;
}

.tkj-gallery img:hover {
    transform: scale(1.05);
}

/* RESPONSIVE AGAR FOTO TETAP RAPI DI HP */
@media screen and (max-width: 1024px) {
    .tkj-gallery img {
        width: calc(33.33% - 10px); /* 3 foto per baris di tablet */
    }
}

@media screen and (max-width: 768px) {
    .tkj-gallery img {
        width: calc(50% - 10px); /* 2 foto per baris di HP */
    }
}

@media screen and (max-width: 480px) {
    .tkj-gallery img {
        width: 100%; /* 1 foto per baris di layar kecil */
    }
}