I’m currently having trouble with a number of issues while designing my own website, not least of which is setting up carousel galleries. I prepared a batch of images in Affinity Photo (1200 x 800px, 72dpi) in both landscape and portrait formats. What I would like is to present these at a single height, fitting within the browser window (effectively reducing the height of the portrait images to match those in landscape format).
When I preview these at 100% in Affinity Photo they appear at an appropriate size to fit well within browser window (if anything they might be a little on the small size)… Once these same images are inserted in a carousel and previewed they appear much larger - the portrait images even spilling over the page vertically - so that I need to scroll to see the whole image.
I have experimented with applying a class to the carousel itself - reducing maximum sizes accordingly, but this seems to have unpredictable effects.
Can anyone help me to understand and resolve this problem?
Thanks for reading!