/* Custom styles for project preview images */
.preview-image-1 {
  background-image: url('../images/warehouse/warehouse-03.webp');
  background-size: cover;
  background-position: center;
  height: 900px;
}

.preview-image-2 {
  background-image: url('../images/warehouse/warehouse-06.webp');
  background-size: cover;
  background-position: center;
  height: 900px;
}

.preview-image-3 {
  background-image: url('../images/warehouse/warehouse-08.webp');
  background-size: cover;
  background-position: center;
  height: 900px;
}

/* Styles for parallax divider images */
.divider-image-1 {
  background-image: url('../images/warehouse/warehouse-10.webp');
  background-size: cover;
  background-position: center;
  height: 1000px;
}

/* Styles for Spangar logo in light and dark themes */
.mxd-logo__image--light {
  display: block;
}

.mxd-logo__image--dark {
  display: none;
}

/* Show/hide logos based on color scheme */
html[color-scheme="dark"] .mxd-logo__image--light {
  display: none;
}

html[color-scheme="dark"] .mxd-logo__image--dark {
  display: block;
}

html[color-scheme="light"] .mxd-logo__image--light {
  display: block;
}

html[color-scheme="light"] .mxd-logo__image--dark {
  display: none;
}