Spontan fällt mir so etwas ein:
CSS
.device {
background: url(../img/iphone_white.svg) no-repeat bottom center;
background-size: 100%;
/* Wichtig um immer das gesamte Bild anzeigen zu lassen. */
height: 100%;
padding: 44.5% 13.5% 27.5% 13.5%;
}
.device__screen {
background: red;
height: 100%;
background: url("http://fs5.directupload.net/images/160807/w6bn84ci.png") no-repeat;
background-size: 280%;
}
Alles anzeigen
Warum nicht die beiden Bilder kombinieren? Wäre viel einfacher.