#events {
  .container {
    & > .title {
      text-align: center;
    }

    .events__list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
      justify-items: center;

      @media (max-width: 1024px) {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
      }

      @media (max-width: 768px) {
        grid-template-columns: 1fr;
        gap: 1rem;
      }

      .event {
        display: grid;
        gap: .5rem;
        border-radius: 1rem;
        overflow: hidden;
        text-decoration: none;
        color: black;

        img {
          width: 100%;
          height: auto;
          min-height: 400px;
          object-fit: cover;
        }

        .description {
          border: 1px solid var(--purple-main);
          padding: 1rem;
          border-radius: 0 0 1rem 1rem;

          .subtitle {
            font-weight: 500;
          }

          p {
            margin: 0;
            padding: 0;
            font-size: .85rem;
            font-weight: 700;
          }
        }
      }
    }
  }
}