.frameContainer {
  position: relative;
  height: 100%;
}
.innerSquare {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #F1F2F2;
  width: 85%;
  height: 90%;
  border-radius: 10px;
  z-index: 2;
  overflow: hidden;
}
.downArrow {
  position: absolute;
  top: 125%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
}
.upArrow {
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  cursor: pointer;
}