.maincontent {
  max-width: 100%;
  padding:0;
    margin:0;
}

img{
    width:100%;
}

.gallery{
    padding:5%;
    display:grid;
    justify-content: space-evenly;
}
.gallery h1{
    margin:2% 0 5%;
    text-align: center;
}
.grid-wrapper {
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
    max-width: 1900px;
    margin: 0 auto;
    object-fit:cover;
    justify-items: center;
    align-items:stretch;
  }
  .gallery-img{
    object-fit:cover;
  }
  .grid-wrapper .wide {
    grid-column: span 2;
    max-width:800px;
    max-height:400px;
    object-fit:cover;
  }
  .grid-wrapper .tall {
    grid-row: span 2;
    max-width:400px;
    max-height:800px;
    object-fit:cover;
  }
  .grid-wrapper .big {
    grid-column: span 2;
    grid-row: span 2;
    max-width:800px;
    max-height:800px;
    object-fit:cover;
  }
  @media only screen and (max-width: 600px) {
   
   .grid-wrapper {
     display:block;
   }
   .grid-wrapper .wide {
     margin-top:20px;
   }
   .grid-wrapper .tall {
     display:none;
   }
   .grid-wrapper .big {
     display:none;
   }
 }