html,body{margin:0;padding:0}html:not(.mobile) .scroll-wrapper{position:relative;display:grid;grid-template-columns:50% 50%;background-color:#0ff}html:not(.mobile) .scroll-wrapper .scroll-left{position:fixed;top:0;left:50%;height:100svh;width:50svw;translate:-100% 0;overflow:hidden}html:not(.mobile) .scroll-wrapper .scroll-right{position:fixed;top:0;right:50%;height:100svh;width:50svw;translate:calc(100% - 1px) 0;overflow:hidden}html:not(.mobile) .scroll-wrapper img{display:block;width:50svw}html.mobile .scroll-wrapper{position:relative;display:grid;grid-template-columns:100%;grid-template-rows:50% 50%;background-color:#0ff}html.mobile .scroll-wrapper .scroll-left{position:fixed;top:50%;left:0;display:grid;grid-auto-flow:column;height:50svh;width:100svw;translate:0 -100%;overflow:hidden}html.mobile .scroll-wrapper .scroll-right{position:fixed;bottom:50%;left:0;display:grid;grid-auto-flow:column;height:50svh;width:100svw;translate:0 100%;overflow:hidden}html.mobile .scroll-wrapper img{display:block;height:50svh}