#login_page{background-size:100% 100%;height:100vh}.container{box-shadow:10px 25px 30px #fff}#login_page{background-image:url(https://scola-uploader.sgp1.digitaloceanspaces.com/upload/c0cd5ac94ce4baa0aadca684/%E2%80%94Pngtree%E2%80%94green%20gradient%20white%20simple%20circle_1454597.png);background-size:cover;background-attachment:fixed;animation:slideBackground 30s linear infinite;height:4000px}@keyframes slideBackground{0%{background-position:0 0}to{background-position:100% 0}}.container{width:80%;position:absolute;transform:translate(-50%,-50%);top:50%;left:58%;overflow:hidden;border:10px solid #fff;border-radius:8px}.wrapper{width:100%;display:flex;animation:slide 16s infinite}@keyframes slide{0%{transform:translateX(0)}25%{transform:translateX(0)}30%{transform:translateX(-100%)}50%{transform:translateX(-100%)}55%{transform:translateX(-200%)}75%{transform:translateX(-200%)}80%{transform:translateX(-300%)}to{transform:translateX(-300%)}}img{width:100%}.slideshow-container{width:100%;height:auto;position:relative;border:1px solid #000}.slideshow-image{width:100%;height:auto;position:absolute;transition:opacity 1s ease-in-out}.fade-enter-active,.fade-leave-active{transition:opacity 1s}.fade-enter,.fade-leave-to{opacity:0}