#grid-image-1 {
    background-image: url(../images/work/sharper/1.png);
    background-size: contain;
  }
  
  #grid-image-2 {
    background-image: url(../images/work/sharper/2.png);
  }
  
  #grid-image-3 {
    background-image: url(../images/work/sharper/3.png);
  }
  
  #grid-image-4 {
    background-image: url(../images/work/sharper/4.png);
    background-size: contain;
  }
  
  #grid-image-5 {
    background-image: url(../images/work/sharper/5.png);
    background-size: contain;
  }
  
  #grid-image-6 {
    background-image: url(../images/work/sharper/6.png);
    background-size: contain;
  }
  
  #grid-image-7 {
    background-image: url(../images/work/sharper/7.png);
    background-size: contain;
  }
  
  #grid-image-8 {
    background-image: url(../images/work/sharper/8.png);
  }
  
  #grid-image-9 {
    background-image: url(../images/work/sharper/9.png);
  }
  
  #grid-image-10 {
    background-image: url(../images/work/sharper/10.png);
  }
  
  #grid-image-11 {
    background-image: url(../images/work/sharper/11.png);
  }
  
  #grid-image-12 {
    background-image: url(../images/work/sharper/12.png);
  }
  
  #grid-image-13 {
    background-image: url(../images/work/sharper/13.png);
  }

  #grid-image-14 {
    background-image: url(../images/work/sharper/14.png);
  }
  
  #grid-image-15 {
    background-image: url(../images/work/sharper/15.png);
  }
  
  #grid-image-16 {
    background-image: url(../images/work/sharper/16.png);
  }
  
  #grid-image-17 {
    background-image: url(../images/work/sharper/17.png);
  }
  
  #grid-image-18 {
    background-image: url(../images/work/sharper/18.png);
  }

  @media only screen and (max-width: 700px){
    #grid-image-1 {
      grid-row: span 1 / auto;
      background-size: contain;
    }

    #grid-image-2,
    #grid-image-4 {
      grid-column: span 6 / auto;
    }

    #grid-image-3 {
      grid-row: span 2 /auto;
    }

    #grid-image-4 {
      grid-row: span 1 / auto;
    }

    #grid-image-5,
    #grid-image-7,
    #grid-image-6 {
      grid-row: span 1 / auto;
    }

    #grid-image-8,
    #grid-image-9,
    #grid-image-10 {
      grid-column: span 6 / auto;
    }

    #grid-image-11 {
      grid-column: span 6 / auto;
    }

  }