.media-section {
  margin: 60px auto;
  width: 80%;
  text-align: center;
}

.media-section h2 {
  margin-bottom: 20px;
  font-size: 2rem;
  color: #e60000; /* Rutgers red */
}

.swiper {
  width: 100%;
  height: 550px;   /* bigger */
  margin-bottom: 60px;
}


.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.media-title img {
  height: 80px;      /* adjust size */
  width: auto;
  display: block;
  margin: 0 auto 20px;  /* centers image, keeps spacing */
}