style.css

.profile-img {
    border-radius: 50%;  
}

.carousel {
    position: relative;
  }
  
  .carousel.pointer-event {
    touch-action: pan-y;
  }
  
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* @include clearfix(); */
  }
  
  .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    /* @include transition($carousel-transition); */
  }
  
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    display: block;
  }
  
  .carousel-item-next:not(.carousel-item-start),
  .active.carousel-item-end {
    transform: translateX(100%);
  }
  
  .carousel-item-prev:not(.carousel-item-end),
  .active.carousel-item-start {
    transform: translateX(-100%);
  }

  /* .carousel-img {
    object-fit: cover;   
  } */

  /* .carousel-custom-height {
    max-height: 50vh;
  }

  .carousel-custom-height {
    max-height: 50vh;
  }
  
  .carousel-custom-height .carousel-inner {
    height: 100%;
  }
  
  .carousel-custom-height .carousel-item {
    height: 100%;
  }
  */
  .carousel-custom-height .carousel-item img {
    max-height: 50vh;
    object-fit: cover;
  }