I finally found a way to section the text between the objects, so my text is no longer a giant blob of words, instead it has the text underneath the image of the certain class, the solution was very simple as I just had to create a div class of the text/image and then change it with css. now that have fixed this problem I can spend most of my time adding more information about the four classes.
today I tested what my website looks like in the eyes of someone who is colorblind to show the accessibly of it and how it effects those who are colorblind, personally I think this doesn't change much for now at least (as I haven't finished the website) The only difference it has made is the images seem slightly more faded, this is only one type of colorblindness though. Since my border and text are gray and black they don't get effected.
I've changed the background of the website to just a simple white instead of the range of colors I had before, I also found how to position the images so they are on the left hand side of the page, one thing I'm trying to look into is putting the text and images into sections so that it isn't a giant blob of everything and so that the images aren't to close to each other, I'm getting pretty close to finding a solution to this.
