louisconway
commented
5 years ago The structure in how the img has been added to the website does not allow for easy vertical alignment. To fix this I need to remove the img from being added in the html and add it as a background img to the css via the entire hero class. Then the test can be nested inside and aligned to be positioned in the middle using padding in px value or percentage value. Some experimenting will need to be done here to test which method best works with VW sizing values of text.
There is now a centre alignment issue which is because I have used a pixel amount to define the distance from the top the headers need to sit over the images. To fix this so it doesn't look odd when adapting the height of the window I need to change all pixel values to percentages so it can scale.