I looked into both your suggestions.
About the content getting cut off. I found that it is getting cut off on decreasing the browser width but opening the page on a phone as well as using devtools to check how it runs on different devices doesn’t show this problem. Why is that?
The images are in a CSS grid and the grid has an associated caption describing the images as a group instead of having individual alt texts. Should I still give each image an individual alt text? I feel like this might confuse anyone listening to a screen-reader.
Thanks for the feedback.
edit: About 1. I think I got it. Using relative units like vw instead of absolute units. But it still worked on phones and other devices as per Chrome devtools with the absolute units.
Is it because when we are adjusting the browser size on a pc we are adjusting the view port and px refers to screen size.