section.featured-events {
  background: var(--color-tcc-light-cyan);

  h2 {
    color: var(--color-tcc-blue);
    text-align: center;
    margin-bottom: 2rem;
    width: 100%;
  }

  h3 {
    color: var(--color-tcc-blue);
  }

  .events-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .event-item {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
    background: white;
  }

  .event-image img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
  }

  .event-info {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
  }

  .event-image {
    width: 100%;
    background: #d9d9d9;
    height: 250px;
  }
}

@media (min-width: 1024px) {
  section.featured-events {
    .events-container {
      flex-direction: row;
    }
  }
}