.z-event-banners {
  display: grid;
  grid-template-columns: minmax(0, 450px);
  grid-template-rows: repeat(3, minmax(0, 450px));
  justify-content: center;
  gap: 22px;
  margin-top: 38px;
}
.z-event-banner,
.z-event-banner a { display: block; width: min(450px, 100%); height: auto; aspect-ratio: 1; }
.z-event-banner img {
  display: block;
  width: min(450px, 100%);
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 8px 10px 0 var(--gold);
  transition: transform .2s ease;
}
.z-event-banner:nth-child(2) img { box-shadow-color: var(--red); }
.z-event-banner:nth-child(3) img { box-shadow-color: var(--green); }
.z-event-banner a:hover img { transform: translateY(-4px); }
@media (max-width: 500px) {
  .z-event-banners { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  .z-event-banner, .z-event-banner a, .z-event-banner img { width: 100%; height: auto; aspect-ratio: 1; }
}