.row{position:relative}.tall{height:100vh}.small{height:50vh}.column{position:absolute;object-fit:cover;border-radius:12px;&:hover{cursor:pointer}}.column:nth-child(4){animation:xfade 16s 0s infinite}.column:nth-child(3){animation:xfade 16s 4s infinite}.column:nth-child(2){animation:xfade 16s 8s infinite}.column:first-child{animation:xfade 16s 12s infinite}@keyframes xfade{17%{opacity:1}25%{opacity:0}92%{opacity:0}}.other-container{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background-color:black;position:absolute;margin:20px 0;padding:10px}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto}.modal,.modal-content{background-color:black}.modal-content{position:relative;margin:100px auto auto;width:90%;max-width:1200px}.closer{color:white;position:absolute;top:10px;right:25px;font-size:35px;font-weight:700}.closer:focus,.closer:hover{color:#999;text-decoration:none;cursor:pointer}.mySlides{display:none}.next,.prev{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:700;font-size:20px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none}.next{right:0;border-radius:3px 0 0 3px}.next:hover,.prev:hover{background-color:rgba(0,0,0,.8)}.numbertext{color:#f2f2f2;font-size:12px;padding:8px 12px;position:absolute;top:0}.caption-container{text-align:center;background-color:black;padding:2px 16px;color:white}img.demo{opacity:.6;border-radius:12px}.active,.demo:hover{opacity:1}img.hover-shadow{transition:.3s}.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}