@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes hoverEffect{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.transition-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;animation:fadeIn 2s ease-in-out}.transition-container.fade-out{animation:fadeOut 2s ease-in-out;animation-fill-mode:forwards}.scroll-image{max-width:90%;max-height:90%;object-fit:contain;animation:hoverEffect 4s ease-in-out infinite}html,body,#root{height:100%;width:100%;margin:0;padding:0;box-sizing:border-box}body{background-size:cover;background-repeat:no-repeat;background-position:center}