.carousel-caption {
    z-index: 2;
  }
  .pill-button {
    padding: 10px 20px;
    border-radius: 80px;
    position: absolute;
    bottom: 5%;
  }
  
  .image-circle-border {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 10px solid lightgray;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    min-width: 150px;
  }

.image-no-border {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 0px;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    min-width: 150px;
  }

  .hover-animate {
    transition: transform 0.3s ease-in-out;
  }
  .hover-animate:hover {
    transform: scale(1.1);
  }
  .speech-landing {
    position: relative;
    background: var(--bs-danger); /* bg-primary color */
    color: white;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .speech-landing::before {
    content: '';
    position: absolute;
    bottom: -20px; /* Adjust based on position */
    left: 20px; /* Move the spout to the left */
    border-width: 10px;
    border-style: solid;
    border-color: var(--bs-danger) transparent transparent transparent;
  }
  .speech-landing-second {
    position: relative;
    background: purple; 
    color: white;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
  }
  .speech-landing-second::before {
    content: '';
    position: absolute;
    bottom: -20px; /* Adjust based on position */
    right: 20px; /* Move the spout to the right */
    border-width: 10px;
    border-style: solid;
    border-color: lightcoral transparent transparent transparent;
  }
  .speech-landing-outer {
    position: relative;
    background: var(--bs-warning); 
    color: white;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .image-overlay-container {
    position: relative;
    display: inline-block;
  }
  .image-overlay {
    position: absolute;
    bottom: -10%;
    width: 75%;
    opacity: 0.85;
  }

  .featurette-image-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .featurette-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }