.footer {
  display: none;
}

.main {
  position: relative; 
  top: var(--header-height);
  z-index: 0; 
  height: calc(100vh - var(--header-height));
  padding-left: var(--padding) ;
  padding-right: var(--padding) ;
  overflow: hidden; 
}

.album-wrapper {
  display: flex;
  justify-content: space-between;
}

.slider-column {
  width: calc(4 / 9 * 100%);
}

.gap-column {
  width: calc(1 / 9 * 100%);
}

.info-column {
  width: calc(4 / 9 * 100%);
}

.info {
  padding: 20px;
}

.swiper {
  width: 100%;

}

.swiper-slide img {
  height: 300px; 
  width: auto; 
  max-width: 100%;
  display: inline-block;
}