.events .swiper {
  width: 100%;
  height: 100%;
  direction: ltr;
}

.events .swiper-slide {
  text-align: start;
  font-size: 18px;
  background: var(--body-color) ;

  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;

}

.events .swiper-slide img {
  display: block;
  width: 304px;
  height: 234px;
  object-fit: cover;
  border-radius: 16px;
 
}