Ciao a Tutti, avrei bisogno di un aiutino

dovrei sovrapporre 2 immagini centrando la piu piccola al centro della piu grande
usando i DIV e style in line nel HEAD

per ora ho fatto questo ma non ho ottenuto il risultato che volevo, potreste aiutarmi please?

(ecco il risultato che vorrei ottenere)


ecco il codice che ho usato senza ottenere il risultato desiderato:

codice:
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>


    <style>
    
    #contenitore
    { 
    width: auto;
    height: auto;
    position: ;
   }
        
        #BG
    {
    position: ;
    }
    
    #GIF
    {
    position: absolute;  
    }


    </style>


</head>


<body>
    <div id="contenitore" >    
             
                 <div id="GIF">
                       <img src="url_GIF" alt="nl"  />
                  </div>
             
          <div id="BG">
              <img src="url_BG" alt="nl"  />
          </div>
              
    </div>


</body>
</html>