.smugmug-grid {
    display: grid;
    grid-template-columns:
        repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.smugmug-item {
    overflow: hidden;
    border-radius: 8px;
}

.smugmug-item img {
    width: 100%;
    display: block;
    height: auto;
    transition: transform .3s ease;
}

.smugmug-item:hover img {
    transform: scale(1.05);
}

.smugmug-pagination {
    margin-top: 30px;
    text-align: center;
}

.smugmug-pagination .page-numbers {
    padding: 8px 12px;
    margin: 0 3px;
    text-decoration: none;
}

.smugmug-pagination .current {
    font-weight: bold;
}

@media (max-width:768px) {

    .smugmug-grid {
        grid-template-columns:
            repeat(
                auto-fill,
                minmax(150px, 1fr)
            );
    }
}