Gracias kahlito, el código está muy bien, pero sigo teniendo el mismo inconveniente.
Cuando se hace más pequeña la ventana del navegador el elemento flotante de la derecha se come al de la izquierda (en este caso que me propones).
Desgraciadamente en mi escuela algunos monitores son muy chicos y los navegadores no suelen estar maximizados, por tanto se ve mal como el escudo del colegio queda abajo de la foto del colegio o viceversa.
Hay alguna forma de que no se coma uno al otro?
Saludos y gracias por el apoyo de todos los que han respondido.
