.banner-container{position:relative;width:100%;height:100vh;max-height:800px;min-height:800px;overflow:hidden;pointer-events:none;z-index:1}.banner-title{padding:0 10%}.banner-image-wrapper{position:absolute;width:60px;height:60px;opacity:0;cursor:pointer;pointer-events:all;z-index:1;transform:translate(-50%,-50%)}.banner-image-wrapper,.banner-image-wrapper.hovered,.banner-image-wrapper:hover{transition:width .2s cubic-bezier(.1,0,.1,1),height .2s cubic-bezier(.1,0,.1,1),opacity .2s cubic-bezier(.1,0,.1,1),transform .2s cubic-bezier(.1,0,.1,1),z-index .2s cubic-bezier(.1,0,.1,1)}.banner-image-wrapper.hovered,.banner-image-wrapper:hover{width:300px;height:300px;opacity:1;z-index:10}.banner-image{width:100%;height:100%;object-fit:cover;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:filter .2s cubic-bezier(.1,0,.1,1),box-shadow .2s cubic-bezier(.1,0,.1,1)}.banner-image-wrapper:not(.hovered) .banner-image{filter:blur(1px)}.banner-image-wrapper.hovered .banner-image{filter:blur(0);box-shadow:0 8px 30px rgba(0,0,0,.5)}.under-header{position:absolute;top:370px;left:50%;transform:translate(-50%,-50%);color:white;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.5);z-index:10;width:100%}@media (max-width:650px){.banner-container{max-height:600px;height:600px;min-height:600px}.under-header{top:30%;left:30%;transform:translate(-30%,-30%)}.banner-image-wrapper{width:40px;height:40px}.banner-image-wrapper.hovered,.banner-image-wrapper:hover{width:200px;height:200px}}