h1 {
 text-align: center;
}

.main-content {
  display: flex; 
  margin: 50px;
}
.main-text {
  padding-left: 50px;
}


body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

.gallery {
      display:flex;
      position: relative;
      max-height: 600px;
      max-width: 600px;
}

    .gallery .slide {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .gallery img {
      width: 100%;
      flex-shrink: 0;
      object-fit: contain;
    
    }

    .w3-button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 3rem;
      font-weight: bold;
      color: black;
      border: none;
      background:none;
      cursor: pointer;
      z-index: 10;
      user-select: none;
    }

    .w3-display-left {
      left: 10px;
    }

    .w3-display-right {
      right: 10px;
    }