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

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

  @media only screen and (max-width: 700px){
    #grid-image-5,
    #grid-image-6,
    #grid-image-7,
    #grid-image-8,
    #grid-image-9,
    #grid-image-10 {
      grid-column: span 3 / auto;
      grid-row: span 1 / auto;
      background-size: contain;
    }

    #grid-image-11,
    #grid-image-12 {
      grid-row: span 2 / auto;
    }

    #grid-image-15,
    #grid-image-16,
    #grid-image-17,
    #grid-image-18 {
      grid-column: span 3 / auto;
    }
  
  }