*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;overflow:hidden;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#1a1a1a}.background-container .background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out;z-index:-2;pointer-events:none}.background-container .background-image.active{opacity:1;z-index:0}.background-container .background-image.image-1,.background-container .background-image.image-2,.background-container .background-image.image-3,.background-container .background-image.image-4,.background-container .background-image.image-5{transition:opacity 1s ease-in-out}.background-container .background-image.image-1{background-image:url("https://images.unsplash.com/photo-1519741497674-611481863552?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80")}.background-container .background-image.image-2{background-image:url("https://images.unsplash.com/photo-1460978812857-470ed1c77af0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2074&q=80")}.background-container .background-image.image-3{background-image:url("https://images.unsplash.com/photo-1511285560929-80b456fea0bc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2069&q=80")}.background-container .background-image.image-4{background-image:url("https://images.unsplash.com/photo-1606216794074-735e91aa2c92?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2087&q=80")}.background-container .background-image.image-5{background-image:url("https://images.unsplash.com/photo-1460978812857-470ed1c77af0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2074&q=80")}.background-container::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1}