Tara: transparente Bilder positionieren

Beitrag lesen

Hallo alle zusammen, für ein Projekt muss ich mehrere Bilder in einer HTML-Seite übereinander legen. Diese Bilder haben jeweils einen transparenten Hintergrund und durch die Überlagerung soll zum Schluss ein ganzes Bild entstehen. Ich habe auch bereits einen Code geschrieben:

<body> 
<div>
    <img class="Hintergrund" src="Ring1.svg">
    <img class="Vordergrund" src="Ring2.svg">
</div>      
</body>
.Hintergrund
{
position: absolute;
top:0px;
left:0px;
z-index: 0;    

}
.Vordergrund
{
position:absolute;
top:0px;
left:0px;
z-index: 1;
}

Trotzdem werden die Bilder nach wie vor untereinander angezeigt... kann mir da vielleicht jemand weiterhelfen?

Vielen Dank schon mal Tara