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

  .gallery .gallery-grid {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    gap: 1.6rem;
  }

  .gallery .grid-item {
    height: 250px;
  }

  .gallery .item-1 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 4;
    height: 100%;
  }

  .gallery .item-2 {
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 3;
    height: 100%;
  }

  .gallery .item-3 {
    grid-column-start: 6;
    grid-column-end: 7;
  }
  @media (max-width: 1200px) {
    .gallery .gallery-grid {
      grid-template-columns: auto auto;
    }

    .gallery .grid-item {
      height: 500px;
    }

    .gallery .item-1 {
      grid-column-start: 1;
      grid-column-end: 2;
    }

    .gallery .item-2 {
      grid-column-start: 2;
      grid-column-end: 3;
    }

    .gallery .item-3 {
      grid-column-start: 1;
      grid-column-end: 2;
    }
  }
  @media (max-width:900px) {
    .gallery .grid-item{
        height: 400px
    }
  }
  @media (max-width: 768px) {
    .gallery .gallery-grid {
      grid-template-columns: auto;
    }
    .gallery .grid-item {
      height: 700px;
    }
    .gallery .item-1 {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 2;
    }
    .gallery .item-2 {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 2;
      grid-row-end: 3;
    }

    .gallery .item-3 {
      grid-column-start: 1;
      grid-column-end: 2;
    }
  }
  @media (max-width:600px) {
    .gallery .grid-item {
      height: 500px;
    }
  }
  @media (max-width:480px) {
    .gallery .grid-item {
      height: 350px;
    }
  }