Bilder in der Mitte positionieren

[SoSo]

Guten Morgen,

ich arbeite seit gestern mit HTML/CSS ;) und habe jetzt ein paar Probleme mit der Positionierung einiger
Bilder und zwar sieht meine css so aus:

background: url(../LockBackground.png) no-repeat center;  
display: inline-block;  
position: center;  
left: 40px;  
top: 40px;  
height: 300px;  
width: 300px;  
-webkit-transition: all 1s ease;  
     -moz-transition: all 1s ease;  
       -o-transition: all 1s ease;  
      -ms-transition: all 1s ease;  
          transition: all 1s ease;

Ich wurde gern zwei bilder mittig in jeweils eine Bildschirmhalfte setzen, ich hab soviel schon ausprobiert aber ich bekomme es einfach nicht hin. Ich hab euch mal ne kleine Skizze gemalt, wie das ganze aussehen sollte.
Bin euch dankbar fur jede kleine Hilfe :).
Skizze: http://cl.ly/VwwF

Schonen Samstag :).