body {
     padding-top: 70px;
 }

 section {
     margin-bottom: 200px;
 }

 .carousel-item {
     height: 500px;
 }

 .carousel-item img {
     height: 100%;
     object-fit: cover;  /* Prevents stretching by cropping the edges */
 }

 .card-img-top {
     width: 100%;
     height: 15vw; /* Adjust this value as needed (e.g., 200px) */
     object-fit: cover;
 }