@media (min-width: 576px) {
    .carousel-item img {
        width: auto !important;
        height: 400px;
        max-height: 400px;
    }
}
.card-deck {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 10px;
    
  }
  
  .card {
    background-color: #f2f2f2;
    position: relative;
  }
  
  .text {
    margin-top: 10px;
    font-size: 2px;
  }
  

  .carousel-caption {
    font-size: 25px;
    font-weight: bold;
    
}
.carousel-caption p {
    color: whitesmoke;
}
.carousel-inner .caption {
  color: #bc544b; /* Set the paragraph text color to black */
  font-size: 40px; /* Increase the paragraph font size */
  text-align: center; /* Center the paragraph horizontally */
}