Content Slider Customization

if you got different content height the arrows will adjust because of 50% position – maybe it is best to have an absolute value for the top position.
Next i think they should not lay over content
Because the demo ( Link ) only got smallarrow setting and no headings – this is a interims solution:

#top .avia-smallarrow-slider-heading {
  height: 100%;
  position: absolute;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3
}

#top .avia-smallarrow-slider .avia-slideshow-arrows .prev-slide {
  left: -35px
}

#top .avia-smallarrow-slider .avia-slideshow-arrows .next-slide {
  right: -35px
}