<style>
  .intro-image-wrapper {
    max-width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    text-align: center;
  }

  .intro-image-wrapper img {
    width: 100%;
    height: auto;
    max-height: 300px; /* Adjust if needed */
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border-radius: 12px;
  }

  /* Optional: restrict image from stretching too tall */
  @media (min-width: 768px) {
    .intro-image-wrapper img {
      max-height: 400px;
    }
  }
.quiz-slide {
  display: none;
  text-align: center;
  max-width: 700px;
  margin: 2rem auto;
  background-color: #ffffff; /* light variant of #26bbed */
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

</style>


