.jumbotron {
  padding: 30px;
  margin-bottom: 0;
  position: relative;
  background: url('/img/texture-turquoise.png') center center repeat;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.jumbotron .dark-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-accent);
  opacity: 0.1; !important
  filter: alpha(opacity=10);
}
.home-carousel {
  position: relative;
  background: url('/img/texture-turquoise.png') center center repeat;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.home-carousel .dark-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--primary-accent);
  opacity: 0.1; !important
  filter: alpha(opacity=90);
}
/* Limit slide images to e.g. 70% of the slide width */
.home-carousel .owl-item img {
  width: auto;        /* stop forcing 100% */
  max-width: 50%;     /* your preferred cap (e.g., 60%, 70%, 80%) */
  height: auto;       /* keep aspect ratio */
  margin: 0 auto;     /* center the image in the slide */
}

/* Optional: let them use full width on small screens */
@media (max-width: 767px) {
  .home-carousel .owl-item img {
    max-width: 100%;
  }
}
