.carousel-item {
  height: 50vh !important;
  width: 100%;
}

.carousel a {
  background-color: transparent !important;
}

.carousel-item > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.header-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vh;
  background-position: center;
  background-size: cover;
}