#gallery-container {
      position: relative;
      height: 50vh;
      width: 800px;
      overflow: hidden;
    }
    #gallery {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 800px
    }
    #gallery img {
      max-width: 80%;
      max-height: 80%;
    }
    .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      font-size: 24px;
      color: white;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 10px;
    }
    #prevArrow {
      left: 10px;
    }
    #nextArrow {
      right: 10px;
    }