body {
  position: relative;
  overflow: hidden;
}

  body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-image: url('/assets/media/general/bg10.jpg');
    z-index: -1;
    transform: scaleX(-1);
  }

[data-bs-theme="dark"] body::before {
  background-image: url('/assets/media/general/bg10-dark.png');
}

@media (max-width: 576px) {
  .mobile-scroll {
    max-height: 250px;
    overflow-y: auto;
  }
}