I am working on this animated "quote" box to use for my customer testimonials. What I want is a flip on the y axis 180 degrees to show a quote box. I want the front of the box to have an image which i can edit as needed for images of each customer's headshot. My issue is coding this. I'm using custom HTML code. Check out my JSFiddle here. I'm not set on the style yet, definitely not a fan of the font.
Notice the back side, the white background and text overlaps to the outside of the box.
I also cannot figure out how to code the html front side to have an image in the box and be able to change the image as needed for each respective customer headshot.
Any help would be very much appreciated! I've tried to use w3schools and now I'm stuck.
If you just customize the CSS file and have that module made, the template should include a flexible column and you'll be able to add in a new module every time you have a new square to add.