.outer-container{height:auto;position:relative}.image-container{opacity:0;animation:1s forwards fadein;display:inline-block;position:relative}.overlay-text{color:#fff;text-align:center;background-color:#00000080;padding:5px;font-size:2.5rem;animation:1s forwards fadein;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadein{0%{opacity:0}to{opacity:1}}
.main{flex-direction:column;flex:1;align-items:center;width:100%;min-height:100vh;display:flex}.footer{margin-top:auto}@media (max-width:767px){.mobile-only{display:block}.desktop-only{display:none}}@media (orientation:landscape){.mobile-only{display:none}.desktop-only{display:block}}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}