/* Center the banner field container and wrapper */
.field--name-field-banner-image,
.field--name-field-banner-image .field__item {
  display: block !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* Keep the image element centered without stretching */
.field--name-field-banner-image img {
  display: inline-block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
  width: auto !important;
}