//img-lepteto.css
.gallery-wrapper {
  position: relative;
  display: inline-block;
}

.arrow-btn {
  position: absolute;
  top: 50%;              /* függőlegesen középre */
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.4);
  color: white;
  font-size: 2rem;
  border: none;
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.3s;
}

.arrow-btn:hover {
  background: rgba(0, 0, 0, 0.7);

}

.arrow-btn.left {
  left: -1px;           /* mennyire legyen a képtől balra */
  top: 50%;              /* függőlegesen középre */
}

.arrow-btn.right {
  right: -1px;          /* mennyire legyen a képtől jobbra */
}