.calendar-container {
  position: relative;
  padding-bottom: 75%;
  /* Adjusted aspect ratio for calendar */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.calendar-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.calendar-mobile {
  display: none;
}

@media (max-width: 600px) {
  .calendar-container {
    padding-bottom: 100%;
    /* Adjusted aspect ratio for mobile */
  }

  .calendar-desktop {
    display: none;
  }

  .calendar-mobile {
    display: block;
  }
}