Html 两幅图片覆盖整个网页

我需要做一个网页，是完全由两张图片覆盖。每张图片都有不同的大小，每一张图片应该覆盖页面的垂直空间的100%和页面的50%（页面在垂直空间的中间被分成两半）。如何使用html和css实现这一点？

使用以下代码：

html，body，.image{
身高：100%；
}
.形象{
显示：内联块；
宽度：50%；
浮动：左；
背景位置：50%50%；
背景尺寸：封面；
}
.左图{
背景图片：url(https://unsplash.it/999/999);
}
.影像权{
背景图片：url(https://unsplash.it/1000/1000);
}