Проблема в том что при изменении размера экрана стрелки остаются среди блока, а т.е. сам блок Slider при изменении экрана остается такой высоты из-за этого стрелки остаются по середине (top: 50%) как решить эту проблему? А т.е. заставить изменять свою высоту блоку slider.
Сначала сделай, чтобы высота .item не была фиксированной (убрать height: 750px). Зачем там вообще прописан object-fit, если это не картинка, видео или iframe?
Стрелкам добавить стиль transform: translateY(-50%), чтобы точно посередине становились.