#image-spad-array-1 {
  background-image: url('/img/projects/qi/spad_array_1.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  height: 300px;
}

#image-spad-array-2 {
  background-image: url('/img/projects/qi/spad_array_2.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 400px;
  height: 300px;
}

/* MEDIA QUERIES (START) */
/* ##################################### */

@media (max-width: 767.98px) {
  #image-spad-array-1,
  #image-spad-array-2 {
    width: 100%;
    height: 350px;
  }

  #image-spad-array-1 {
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 449.98px) {
  #image-spad-array-1,
  #image-spad-array-2 {
    max-height: 210px;
  }

  #image-spad-array-2 {
    max-height: 250px;
  }
}

/* MEDIA QUERIES (END) */
/* ##################################### */