@BT453567
Posted
Hello
Good effort.
In desktop view, have a look at implementing the solution with grid as currently there are some overlap issues when re-sizing the window:
https://css-tricks.com/snippets/css/complete-guide-grid/
On the image container try adding overflow: hidden because at the moment when you press the next image button, you can see the image swipe across other parts of the page.
With regards to the arrow buttons, try adding cursor: pointer to them and also a hover function to change the background colour.
In mobile view, Try using position: absolute on the arrow buttons, with the container as position: relative so that you can position the buttons in the bottom right of the image.
Regards