Behold! Infographics. Most of these were for Workplace Answers, but some were EVERFI after WPA was acquired.
Anyway, I used the "!important" CSS rule to prioritize the inline style from the PHP if-statement so that the browser would place the arrows 25px from the top of the container and not directly in the center.
I'm feeling very smug and self-satisfied with this trick and I think you should be very proud of me as well, but if not, that's cool; you will at least be able to navigate this page better than you would otherwise had I not been so extremely clever.
Now I have to figure out how to dynamically adjust the container itself to accommodate samples that are a different size. Currently there's a lot of white space because the container has to be the size of the largest sample.