Align 2 boxes vertically with an image between

I am trying to align 3 boxes and 2 images.

2 boxes vertically with there is an img between

3rd box standing to the right of them with an arrow that indicates it this way:
[​IMG]

This is what I tried:

Css:

.cont1 {
screen: bending;
flexible direction: row;
}

.box{
margin: 0 auto;

width: 80px;
height: 80px;
background: # 8C8C8C;
edge: solid 3px # 8B0000;
}

.burning{
background image: url ("http://i.hizliresim.com/VDrvRy.gif");
width: 350px;
height: 250px;

}

Code (marked):

HTML:

Box 2
IMG2
Box 3
Box 1

Code (marked):

This is what it looks like:

[​IMG]

I also want to center them
SEMrush