Configurate a customized slide in my page

I would like to know how to configure a custom slider, where the direction arrows can be seen outside the image, I attach a video of how I would like it to appear on my page:

My slide actually looks like this:

But i wanted it looks like this (with external arrows and numbers or slide, not my page tho):

Its any code that i need to place? and in the last slide, it seems like have a photo + text and it changes ( photo + txt) when you change the slide. I want exacly the same.

Any help?