Vertically align specific part of page

Site URL: https://www.mistymountainyoga.com/yoga-membership-apply

I am looking to vertically align images and text across this page in the sections where they are side by side. I am using some CSS but it appears to be messing with the section "Testimonials" as well (moving the images out of top alignment). Any ideas on how to adjust the header, "Take yoga with you anywhere," and intro section without it also adjusting the testimonials?

Thank you!

Add to Design > Custom CSS

/* align top 3 images */
@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1590014610938_70416+.row>.span-8>.row {
    display: flex;
    align-items: flex-start;
}
div#block-yui_3_17_2_1_1590014610938_70416+.row {
    display: flex;
    align-items: flex-start;
}
}