hi @severo that's a cool idea! using grid overlapping for this! One comment is you don't have to set the width/height, you can use the first layer as a reference, and the remaining layers absolute positioned in relation to that:
<div id="with-absolute-position">
<div class="first">${BackgroundLayer()}</div>
<div class="layer">${AnimationLayer(invalidation)}</div>
<div class="layer">${await InteractionLayer()}</div>
</div>
<style>
#with-absolute-position {
postion: relative;
}
#with-absolute-position .first{
postion: relative;
}
#with-absolute-position .layer {
position: absolute;
width: 100%;
top: 0px;
}
</style>