section{height:50vh;width:150w;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}h2{font-size:2rem;color:#1f2937;margin-bottom:1.5rem}.image-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;margin:0 auto;overflow:visible;border-radius:1rem;height:100%}.image-container img{max-width:100%;max-height:100%;width:30vw;border-radius:.75rem;object-fit:cover;transition:opacity .5s ease,transform .5s ease}img.hidden{display:none}img.block{display:block;animation:fadeIn .6s ease}img.left{left:90%}img.left,img.right{display:block;scale:75%;position:absolute}img.right{right:90%}@keyframes fadeIn{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background-color:rgba(0,0,0,.4);color:#fff;border:none;border-radius:50%;font-size:1.5rem;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:background-color .3s ease,opacity .3s ease;padding:0;line-height:1;z-index:1}.nav-button.left{left:1rem}.nav-button.right{right:1rem}.nav-button:hover{background-color:rgba(255,255,255,.6);opacity:1}@media (max-width:1200px){img.left,img.right{display:none}img.block{width:60vw}}