/* Hero Responsive Images */

/* Ensure proper sizing for hero images */
.hero-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Hero 1 - First background */
/* Mobile - Keep original image */
@media screen and (max-width: 767px) {
  .first-background .hero-bg-img {
    content: url('../images/sharx-hero-drone-over-alps.jpeg');
  }
}

/* Tablet and Desktop - Use big image for Hero 1 */
@media screen and (min-width: 768px) {
  .first-background .hero-bg-img {
    content: url('../images/sharx-hero-drone-over-alps-big.jpg');
  }
}

/* Hero 2 - Second background (Respond) */
/* Mobile - Use response mobile image */
@media screen and (max-width: 767px) {
  .second-background .hero-bg-img {
    content: url('../images/sharx-hero-drone-over-alps-response-mobile.jpeg');
  }
}

/* Tablet and Desktop - Use response desktop image for Hero 2 */
@media screen and (min-width: 768px) {
  .second-background .hero-bg-img {
    content: url('../images/sharx-hero-drone-over-alps-response-desktop.jpg');
  }
}