.hoverArrow{
    width: 3%;
    height: 70%;
    cursor: pointer;
    position: relative;
    top: 14%;
    right: 1%;
    /* background-color: white; */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 8px;
  }

  .rightArrow{
    background-image: url(images/right-arrow.svg);
  }

  .leftArrow{
    background-image: url(images/left-arrow.svg);
  }
  
  .hoverArrow:hover{
    /* border: 1px solid black; */
    background-color: white;
  }