При наложении прозрачных png в html (
подложка,
1,
2) возникает белая рамка там, где начинается прозрачность. Как от нее избавиться?

При наложении в графическом редакторе (Paint.Net) рамки нет:

<style type="text/css">
.card IMG { position: absolute; }
.conf-side { z-index: 5;}
.conf-front { z-index: 2;}
.conf-background { z-index: 1; }
</style>
<p class="card">
<img id="front-1" src="img/2.png" alt="" class="conf-front" width="800" height="600" />
<img id="side-1" src="img/1.png" alt="" class="conf-side" width="800" height="600"/>
<img src="img/background.jpg" alt="" class="conf-background" width="800" height="600"/>
</p>