Slick Slider Images Overlapping and Broken Buttons


Staff member
I am in the process of trying to relearn some CSS after many many years away from coding. I am trying to recreate a wordpress template by hand and have an issue with an image slider.

I have tried a few and have settled on <a href="" rel="nofollow noreferrer"></a> but I am having issues with my images overlapping. They are all the same dimensions and I have had a search online but cannot find an answer.

The images for the left and right arrows are broken, as are the dots below the slider, any suggestions on this?

My site is here: <a href="" rel="nofollow noreferrer"></a>