.main-container {
  display: flex;
  flex-direction: column;
  max-width: 1296px;
  margin: 0 auto;
  width: calc(100% - 48px);
}

.main-container .right {
  display: flex;
  flex-direction: column;
}

.main-container .imgs {
  display: flex;
  gap: 12px;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE & Edge */
}

.main-container .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

@media screen and (min-width: 1280px) {
  .main-container .right {
    width: calc(100% - 436px);
  }
  .main-container {
    width: calc(100% - 144px);
  }
}

@media screen and (min-width: 960px) {
  .main-container .right {
    width: calc(100% - 348px);
  }
  .main-container {
    width: calc(100% - 96px);
  }
}

@media screen and (min-width: 600px) {
  .main-container {
    width: calc(100% - 96px);
  }
}