.scroll-history-container{display:flex;position:relative;overflow:hidden;height:calc(100vh - 340px);max-width:1200px;margin:auto}.scroll-history-container>div{flex:1 1}.scroll-history-container>div:nth-child(1){position:relative;border-radius:20px;padding:20px}.scroll-history-container>div:nth-child(1)>.background-shadow-box{position:absolute;width:50px;height:50px;border-radius:50%;top:50%;left:50%;transform:translate(-50%) translateY(-50%);background:hsla(240,11%,98%,.4);box-shadow:0 0 120px 120px #f9f9fa66;transition:opacity .4s;opacity:0}.scroll-history-container>div:nth-child(1)>a{position:absolute;width:100%;height:100%}.scroll-history-container>div:nth-child(1)>a>img{z-index:100;position:absolute;opacity:0;transition:opacity .4s,transform .4s;top:50%;left:50%;transform:translate(-50%) translateY(-50%);max-width:80%}.scroll-history-container>div:nth-child(1)>a>img:hover{transform:translate(-50%) translateY(-50%) scale(1.1)}.scroll-history-container>div:nth-child(1)>a:nth-child(2)>img{z-index:200}.scroll-history-container>div:nth-child(2){position:relative;display:flex;flex-direction:column;align-items:center;color:#fff;font-size:26px;margin-left:60px}.scroll-history-container>div:nth-child(2)>div{position:absolute}.scroll-history-container>div:nth-child(2)>div>div{height:calc(100vh - 340px);display:flex;flex-direction:column;justify-content:center}.scroll-history-container>div:nth-child(2)>div>div h3{font-size:32px}.scroll-history-container>div:nth-child(2)>div>div strong{color:#309cff}