.banner-countdown {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: var(--space-3xl);
}

.banner-countdown img{
  width: 100%
}

.banner-link {
  display: block;
  position: relative;
}

.desktop-img {
  display: block;
} 

.mobile-img {
  display: none;
}

@media only screen and (max-width: 960px) {
  .desktop-img {
    display: none;
  }  

  .mobile-img {
    display: block;
  }
}

.countdown-wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.countdown-wrapper.position-top {
  top: 64px;
}

.countdown-wrapper.position-middle {
  top: 50%;
  transform: translate(-50%, -50%);
}

.countdown-wrapper.position-bottom {
  bottom: 64px;
}