Background Scene
You stand before Horus the Elder
Candle Milk
.container { position: center; display: inline-block; container-repeat: no-repeat; container-size: cover; } .scene { display: block; } .hotspot { position: absolute; /* Can be placed anywhere */ border: none; background: none; cursor: pointer; } /* These classes give the actual positions */ .candle-hotspot { top: 370px; left: 540px; } .offering-hotspot { top: 370px; left: 400px; } /* Hide images initially */ #candle, #milk { display: none; position: absolute; } /* Position the appearing images */ #candle { top: 330px; left: 540px; } #milk { top: 330px; left: 400px; }
Background Scene
You stand before Horus the Elder
Candle Milk