#navbar {
    background-color: #addfbc;
}
.gallery__grid__layout {
    margin-top: 20px;
}
.heading {
    background: -webkit-linear-gradient(90deg, #42d392, #647eff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

.gallery__container {
    padding: 9rem 5.5rem 4rem 5.5rem;
}
.gallery__grid__layout {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}
.gallery__grid__layout div {
    border-radius: 0.5rem;
    overflow: hidden;
    transition-duration: 300ms;
    background-color: ghostwhite;
}
.gallery__grid__layout div img {
    object-fit: cover;
}
.gallery__grid__layout div:hover {
    transform: scale(1.05);
}
@media only screen and (max-width: 1024px) {
    .gallery__container {
        padding: 8rem 3rem 4rem 3rem;
    }
}

@media only screen and (max-width: 768px) {
    .gallery__container {
        padding: 8rem 2rem 4rem 2rem;
    }
    .gallery__grid__layout {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (max-width: 480px) {
    .gallery__container {
        padding: 8rem 1.5rem 4rem 1.5rem;
    }
    .gallery__grid__layout {
        grid-template-columns: 1fr;
    }
}