.carousel-indicators {
    position: unset;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 1em;
  }
  .carousel-indicators [data-bs-target] {
    text-indent: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: transparent;
    border-bottom: 1px solid #000;
    border-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .carousel-indicators [data-bs-target].active {
    color: darkgoldenrod;
  }
  .carousel {
    background-color: beige;
  }
  .carousel-inner img {
    max-height: 400px;
    max-width: 100%;
    padding: 1em;
    margin: auto;
  }
  @media screen and (min-width: 576px) {
    .carousel {
      padding: 2em;
      font-size: 1.3em;
    }
  }