html,
body {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
#miniIcon{
width: 27px;
height: 9px;
background: linear-gradient(96.34deg, #E537B9 0%, #C040DF 100%);
border-radius: 4.5px;
}
.headertitle{
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 2px;
    word-spacing: 3px;
}
.carousel-image {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.carousel-image:hover{
  filter: brightness(50%);
}

@media (min-width: 768px){
  .carousel-image{
    width: 100%;
    height: 400px;
  }
}