style.scss

img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
body {
  overflow: hidden;
  margin: 0;
}

div.parent {
  position: relative;
}

.arrow {
  display: inline-block;
  width: 4vw;
  height: 4vw;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  z-index: 200;
  top: 50%;
  cursor: pointer;
  transition: cubic-bezier(0.075, 0.82, 0.165, 1) 1000ms;
  filter: opacity(0.4) drop-shadow(0 0 0 white);

  &:hover {
    filter: opacity(1) drop-shadow(0 0 0 white);
  }

  &.left {
    left: 2.5vw;
    transform: rotate(-135deg);
  }

  &.right {
    right: 2.5vw;
    transform: rotate(45deg);
  }
}