.banner.banner-1.banner-pomodoro {
  flex: 0 0 410px;
  width: 410px;
  overflow: hidden;
}

.banner.banner-1.banner-time-blocking{flex:0 0 410px;width:410px;overflow:hidden}
.banner.banner-1.banner-focus-profile{flex:0 0 410px;width:410px;overflow:hidden}
.image-4.image-time-blocking-card{width:365px;max-width:none;height:auto;left:50%;bottom:20px;object-fit:contain;transform:translateX(-50%);pointer-events:none}
.image-4.image-focus-profile-card{width:345px;max-width:none;height:auto;left:50%;bottom:22px;object-fit:contain;transform:translateX(-50%);pointer-events:none}

.image-4.image-pomodoro-card {
  width: 360px;
  max-width: none;
  height: auto;
  left: 50%;
  bottom: 38px;
  object-fit: contain;
  transform: translateX(-50%);
  pointer-events: none;
}

@media (max-width: 767px) {
  .banner.banner-1.banner-pomodoro {
    flex-basis: 300px;
    width: 300px;
  }
  .banner.banner-1.banner-time-blocking{flex-basis:300px;width:300px}
  .banner.banner-1.banner-focus-profile{flex-basis:300px;width:300px}
  .image-4.image-time-blocking-card{width:278px;left:50%;bottom:18px}
  .image-4.image-focus-profile-card{width:260px;left:50%;bottom:18px}

  .image-4.image-pomodoro-card {
    width: 270px;
    left: 50%;
    bottom: 25px;
    border-radius: 0;
    object-fit: contain;
  }
}

@media (prefers-reduced-motion: reduce) {
  .image-4.image-pomodoro-card {
    animation: none;
  }
}