.section-banner-image {
  margin: 0 auto;
  overflow: hidden;
  min-height: 200px;
  max-height: 475px;
}

.banner-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  background-color: #e0e0e0;
}

.banner-link {
  display: block;
  width: 100%;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.banner-link:hover {
  opacity: 0.95;
}

.banner-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  object-position: center;
  min-height: 200px;
  background-color: #ccc;
}

@media (max-width: 768px) {
  .section-banner-image {
    margin: 0;
  }

  .banner-img {
    height: auto;
    min-height: 200px;
  }
}