#image-thermal-1 {
  background-image: url('/img/projects/qi/thermal_demon_sub_scheme.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 450px;
  height: 245px;
}

#image-thermal-2 {
  background-image: url('/img/projects/qi/thermal_super_res_scheme.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 470px;
  height: 180px;
}

#image-thermal-3 {
  background-image: url('/img/projects/qi/thermal_super_res_errors.jpg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 460px;
  height: 315px;
}

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

@media (max-width: 767.98px) {
  #image-thermal-1,
  #image-thermal-2,
  #image-thermal-3 {
    width: 100%;
    max-height: 400px;
  }
}

@media (max-width: 449.98px) {
  #image-thermal-1,
  #image-thermal-2,
  #image-thermal-3 {
    margin-bottom: 1rem !important;
  }

  #image-thermal-2 {
    max-height: 165px;
  }

  #image-thermal-3 {
    max-height: 260px;
  }
}

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