/* ========== Hero Image Effects (float only, lifted up) ========== */
.bannerSection .BannerBox .bannerRight .hero-img {
  display: block;
  width: 100%;
  max-width: 1400px;
  height: auto;


  /* løft billedet op */
  margin-top: -40px; /* justér værdien efter behov */
  transition: none !important;
}



/* Mobil – centrér billedet uden løft */
@media (max-width: 900px){
  .bannerSection .BannerBox .bannerRight .hero-img {
    max-width: 95%;
    margin: 0 auto;
   


/* Tilgængelighed */
@media (prefers-reduced-motion: reduce){
  .bannerSection .BannerBox .bannerRight .hero-img {
    animation: none;
    transform: none;
  }
}