.d-none {
    display: block !important;
 }

 .carousel-item img {
    filter: brightness(60%)
 }

 html, body {
    margin: 0;
    padding: 0;
 }

 * {
    box-sizing: border-box;
 }

 .d-block.w-100 {
    border-radius: 20px;
 }

 #carouselExampleCaptions {
   max-width: 1300px;
   margin: 0 auto;
   width: 100%;
   margin-top:80px;
   border-radius:20px;
 }

@media (max-width: 900px) {
  .carousel-item img {
    border-radius: 20px;
    height:200px;
    padding: 8px;
    object-fit: cover;
    filter: brightness(50%)
  }

}

  .item-responsive {
    position: relative; /* относительное позиционирование */
  }
  .item-responsive:before {
    display: block; /* отображать элемент как блок */
    content: ""; /* содержимое псевдоэлемента */
    width: 100%; /* ширина элемента */
  }
  .item-16by9 {
    padding-top: 56.25%; /* (9:16)*100% */
  }
  .item-responsive>.content {
    position: absolute; /* абсолютное положение элемент */
    /* положение элемента */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover !important;
  }