@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Raleway:wght@300;400;600&display=swap');
        body {
            font-family: 'Raleway', sans-serif;
        }
        h1, h2, h3, h4 {
            font-family: 'Playfair Display', serif;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #8B0000 0%, #A52A2A 100%);
        }
        .gold-text {
            color: #D4AF37;
        }
        .gold-border {
            border-color: #D4AF37;
        }
        .hover-gold:hover {
            color: #D4AF37;
            transition: all 0.3s ease;
        }
        
body {
    font-family: 'playfair display', serif ;
    font-weight: 600;
    background-color: brown;
    padding: 2em;
}

h1 {
    margin: 0 0 1em 0;
    padding:0;
    text-align: center;
    font: size 2.5em;
}

.gallery {
    width: 1000px;
    max-width:100%;
    margin:0 auto;
    column-count: 3;
    column-gap: 15px;
}

.gallery img {
    display: block;
    width:100%;
    height:auto;
    margin:0 0 15px 0;
    border-radius:5px;
    transition:0.2s easy-in-out;
    filter: grayscale(100);
}

.gallery img:hover {
    transform:scale(0.9);
    filter: grayscale(0);
}

@media (max-width:767px) {
    .gallery {
        column-count:2;
    }
    .gallery img {
        object-fit: cover;
        height: 180px;
    }
}