/* Make the carousel span the full width of the #feature region */
#feature { position: relative; }
#feature .carousel {
  margin: 0;                 /* remove auto-centering */
  width: 100%;               /* take full feature width */
  max-width: none !important;/* remove previous 1400px cap */
  overflow: hidden;
}

#feature .carousel .item img {
  width: 100%;
  height: 420px;             /* adjust as you like */
  object-fit: cover;
}

#feature .carousel-caption {
  text-shadow: 0 2px 6px rgba(0,0,0,.45);
  padding: 12px 18px;
  border-radius: 6px;
}

#feature .left.carousel-control,
#feature .right.carousel-control {
  background-image: none;
  width: 6%;
}

#feature .carousel-indicators { bottom: 12px; }

@media (max-width: 768px) {
  #feature .carousel .item img { height: 220px; }
  #feature .carousel-caption { font-size: 0.95rem; }
}