Aligning the Images

Site URL: http://oddfellows.squarespace.com/home-test

Can you please help me on how to float the images in this section on this page?

http://oddfellows.squarespace.com/home-test

Password is "asas"

I need this section to look like the attached image

My current code is 
 

/* Align right image */
div#block-yui_3_17_2_1_1625104080252_8336 {
    margin-left: auto;
}

/* align images bottom */
@media screen and (min-width:768px) {
div#page-section-60dcfd0664b9557fcb94ca82 .span-12>.row {
    display: flex;
    align-items: flex-end;
}
}
 

The url doesn't exist.