I have been trying to create a non-JS (CSS/HTML) carousel but am having difficulty with button placement and getting the style uniform across browsers. The original code is here: https://codepen.io/maheshambure21/pen/qZZrxy I would like supplant with the following example which works in both Safari and Firefox: https://moderncss.dev/pure-css-custom-styled-radio-buttons/ My code is here: https://codepen.io/Hedde2/pen/abrYyVZ you may need to adjust the height of the window to see the buttons Not only that but I would like the buttons to be a part of the carousel container so that it is easier to centralise the carousel in a desktop browser window.
I also looked into hacking a swipe option (again, no Javascript) with the following example, but it was too complicated for me to reverse engineer: https://www.codepel.com/carousel/css-carousel-slider-without-javascript