/* style.css */

.grid-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    padding: 10px;
}

.speaker {
    text-align: center;
}

.speaker img {
    width: auto;
    height: auto;
    border-radius: 50%;
//    border: 1px solid black;
    max-width: 100%;
}

.speaker-info {
    margin-top: 8px;
}


.speaker-info h3 {
    margin-top: 12px !important;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
}

/* Tablet view: 4 images per row */
@media screen and (max-width: 768px) {
    .grid-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Mobile view: 2 images per row */
@media screen and (max-width: 480px) {
    .grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Optional: 5 images per row for desktop */
.grid-container.five-per-row {
    grid-template-columns: repeat(5, 1fr);
}

/* Optional: 4 images per row for desktop */
.grid-container.four-per-row {
    grid-template-columns: repeat(4, 1fr);
}