.slides {
  font-size: var(--font-100);
  padding: 0;
  margin: auto;
  border-radius: var(--border-radius);
  width: fit-content;
  max-height: var(--main-h);
  text-align: center;
}

.slides:nth-child(n+2) {
  display: none;
}

.slides img {
  margin: 0;
  padding: 0;
  max-width: 60vw;
  max-height: 60vh;
  aspect-ratio: initial;
}

.slides .caption {
  font-size: var(--font-075);
  margin: 0;
  padding: 0;
  display: flex;
  max-width: 60vw;
  max-height: fit-content;
  background-color: transparent;
  justify-content: space-between;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
}

.slides .arrows {
  font-size: var(--font-100);
  margin: 0;
  padding: 0;
  display: flex;
  max-width: inherit;
  max-height: fit-content;
  background-color: transparent;
  justify-content: space-between;
}

.slides .arrows>a {
  padding: 0.5em 0;
}