.animated-banner{height:calc(100dvh - 95px);min-height:600px;overflow:hidden;position:relative}.anim,.animatedBg{inset:0;position:absolute;z-index:1}.animatedBg{animation:scaleRotate 20s 6s infinite;opacity:.2;transform-origin:50% 50%}@keyframes scaleRotate{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.5) rotate(1turn)}to{transform:scale(1) rotate(0deg)}}.animatedBg .img-holder{background-position:50% 50%;background-size:contain;height:200px;position:absolute;width:200px}.animatedBg .img-holder.one{animation:topLeft 5s 1s forwards;left:0;top:0}@keyframes topLeft{0%{left:0;top:0}to{left:50%;top:50%;transform:translate(-50%,-50%)}}.animatedBg .img-holder.two{animation:top 5s 1s forwards;left:50%;left:calc(50% - 100px);top:0}@keyframes top{0%{top:0}to{top:50%;transform:translateY(-50%)}}.animatedBg .img-holder.three{animation:topRight 5s 1s forwards;right:0;top:0}@keyframes topRight{0%{right:0;top:0}to{right:50%;top:50%;transform:translate(50%,-50%)}}.animatedBg .img-holder.four{animation:bottomRight 5s 1s forwards;bottom:0;right:0}@keyframes bottomLeft{0%{bottom:0;left:0}to{bottom:50%;left:50%;transform:translate(-50%,50%)}}.animatedBg .img-holder.five{animation:bottomLeft 5s 1s forwards;bottom:0;left:0}@keyframes bottomRight{0%{bottom:0;right:0}to{bottom:50%;right:50%;transform:translate(50%,50%)}}.animated-banner:before{animation:floatAround 25s ease-in-out infinite;left:40px;top:40px}.animated-banner:after,.animated-banner:before{background-image:url(https://jannaways.co.uk/hubfs/5%20Lenses100.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:"";display:none;height:240px;opacity:.4;position:absolute;width:240px;z-index:1}.animated-banner:after{animation:floatAroundRev 25s ease-in-out infinite;bottom:40px;right:40px}.animated-banner .content-container{align-items:center;display:flex;flex-direction:column;height:100%;inset:0;justify-content:center;padding:20px;position:absolute;width:100%;z-index:3}.animated-banner .content-container h1{display:block;margin:0 0 20px;text-align:center;text-transform:uppercase}.animated{opacity:0;transform:translateY(20px);transition:all 1s ease}.animated.visible{opacity:1;transform:translateY(0);transition:all 1s ease}.animated-banner .content-container h1 span{display:block;font-size:50px;font-weight:700;text-align:center}.animated-banner .content-container h2{color:#4a74e1;display:block;margin:0 0 20px;text-align:center}.animated-banner .button{background:#49bee1;border-radius:10px;color:#fff;display:inline-block;font-size:18px;letter-spacing:2px;line-height:22px;padding:10px 20px;text-decoration:none!important;text-transform:uppercase;transition:all .6s ease}@media (min-width:1000px){.animated-banner .button:hover{transform:scale(1.05);transition:all .6s ease}}@keyframes floatAround{0%{transform:translate(10%,10%) scale(1) rotate(0deg)}33%{opacity:.2;transform:translate(250%,30%) scale(1.5) rotate(40deg)}66%{opacity:.4;transform:translate(120%,180%) scale(.9) rotate(-30deg)}to{transform:translate(280%,90%) scale(1.2) rotate(0deg)}}@keyframes floatAroundRev{0%{transform:translate(-10%,-10%) scale(1) rotate(0deg)}33%{opacity:.2;transform:translate(-250%,-30%) scale(1.5) rotate(-40deg)}66%{opacity:.4;transform:translate(-120%,-180%) scale(.9) rotate(30deg)}to{transform:translate(-280%,-90%) scale(1.2) rotate(0deg)}}@media (max-width:800px){.animated-banner .content-container h1 span{font-size:40px}}