html {
  overflow: hidden;
}
header {
  position: absolute;
}
main {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
img {
  max-height: 70vh;
  max-width: 80vw;
}
p {
  position: absolute;
  bottom: 1.25rem;
  text-align: center;
}
.prev {
  position: absolute;
  z-index: 999;
  display: flex;
  align-items: center;
  left: 1rem;
  width: 50%;
  height: 100%;
  cursor: pointer;
  font-size: 16px;
  /* background-color: red; */
}
.next {
  position: absolute;
  z-index: 999;
  display: flex;
  justify-content: end;
  align-items: center;
  right: 1rem;
  width: 50%;
  height: 100%;
  text-align: right;
  cursor: pointer;
  font-size: 20px;
  /* background-color: blue; */
}
.sold {
  position: absolute;
  left: 1rem;
  padding: 0 0.25rem;
  text-transform: uppercase;
  background-color: var(--darkblue);
  color: var(--white);
}