React Space Tourism Project

There are a number of place I have had to use absolute positioning. One such example is with the slider controls (dots or numbers to move slides). Is this acceptable practice, or is there a better way to have achieved this.

I have used styled components, and added my breakpoints within each component that requires changes. This does not seem to be very maintainable, so what would be the best approach to create extensible and maintainable components with break point requirements

For the images, I have often had to use static heights/width or max-height/width in order to keep the dimensions the same when flipping through the slider. What would be a best practice approach to keeping images uniform without statically setting size?

This is the first project I have built on my own, so any other advice criticism on improvements or best practices, redundant code or area where I could have refactored for a more DRY approach would be greatly appreciated :-)