*{
  padding:0;
  margin:0;
  box-sizing:border-box;
}


.gallery{
  width:75%;
  border:1px solid black;
  border-radius:0.6rem;
  background-color:#1a1a00;
  display:flex;
  padding:0.5rem;
  flex-wrap:wrap;
  margin:0 auto;
  min-height:100vh;
}
.gallery-title{
  font-family: 'Playfair Display', serif;
  width:100%;
  color:#e3e0d1;
  text-align: center;
  font-size:8rem;
  padding:2rem;
}
.gallery-item{
  height:45vh;
  flex-grow:1;
  padding:0.5rem;
}
.gallery-item img{
  height:100%;
  width:100%;
  object-fit:cover;
  border-radius:1rem;
}
.gallery-item img:hover{
  box-shadow: 3px 0 10px grey, 0 3px 10px grey,-3px 0 10px grey,0 -3px 10px grey
}
@media (max-width:820px){
  .gallery{
    width:90%;
  }
  .gallery-item{
    height:25vh;
    width:35%;
  }
  .gallery-title{
    font-size: 18vw;
  }

}