/* Portfolio page styles */
img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    transition: opacity 0.3s ease-in-out;
    margin: 0;
}

.lazy-image {
    background-color: #f2f2f2;
    position: relative;
}

.lazy-image.loaded {
    background-color: transparent;
}

img[loading] {
    opacity: 0;
}

img.loaded {
    opacity: 1;
}

/* Responsive layout */
@media (max-width: 1200px) {
    img {
        width: 250px;
        height: 250px;
    }
}

@media (max-width: 768px) {
    img {
        width: 200px;
        height: 200px;
    }
}

/* Container styles */
center {
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px;
}

/* Improve spacing */
br {
    display: none;
}

/* Grid container for images */
.image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 30px;
    padding: 0 20px;
}

@media (max-width: 1200px) {
    .image-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}

@media (max-width: 768px) {
    .image-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 10px;
        padding: 0 10px;
    }
}