.writestuff__animation{position:relative;overflow:clip;background-image:url("https://a.storyblok.com/f/224182/2400x1600/4bf5d4f400/write-stuff-guernsey-literary-festival-website.jpg/m/2400x1600/filters:format(webp)");background-size:cover}.scene--dragon-head{position:absolute;left:-19%;top:52%;z-index:-1;width:40%;animation:dragon-head 2s ease-in-out infinite;transform-origin:90% 50%}.scene--dragon-tail{position:absolute;left:90%;top:52%;z-index:-1;width:34%;animation:dragon-head 2s ease-in-out -1.7s infinite;transform-origin:5% 90%}.scene--dragon-wing{position:absolute;left:54%;top:-34%;z-index:1;width:65%;animation:dragon-wing 2s ease-in-out infinite;transform-origin:8% 80%}.scene--dragon-wing2{position:absolute;left:43%;top:-26%;z-index:-1;width:65%;animation:dragon-wing2 2s ease-in-out -.05s infinite;transform-origin:9% 81%;filter:brightness(90%)}.scene__dragon-2{position:absolute;top:60%;left:65%;z-index:2;height:18%;width:18%;animation:dragon 17s ease-in-out infinite}.scene__dragon-flap{height:100%;width:100%;animation:dragon-flap 2s ease-in-out -1.7s infinite}.scene__dragon-loop{height:100%;width:100%;animation:dragon-loop 12s ease-in-out -2.2s infinite;transform-origin:80% -50%}.scene__boat{position:absolute;animation:boat 3s ease-in-out alternate infinite;transform-origin:50% 100%;top:12%;left:4%;width:22%}.scene__boat-sail{position:absolute;top:20.5%;left:29%;width:44.5%;animation:boat-sail 5s ease-in-out alternate infinite;transform-origin:20% 100%}.scene__boat-anchor{position:absolute;top:65%;left:1.5%;width:10%;animation:boat-anchor 4s linear -.3s alternate infinite;transform-origin:top}.scene__balloon{position:absolute;top:10%;left:70%;height:15%;width:12%;animation:balloon 60s ease-in -20s infinite;transform-origin:120% 150%}.scene__balloon-float{height:100%;width:100%;animation:balloon-float 3.5s ease-in-out alternate infinite;transform-origin:130% 180%}@keyframes balloon{0%{translate:-30% 300%;scale:.4}28%{translate:0 50%;rotate:3deg}32%{translate:-50% 0;scale:1;rotate:3deg}42%{translate:-70% -5%;rotate:3deg}52%{scale:.8}60%{translate:-110% -30%;rotate:-2deg}78%{translate:225% -200%;rotate:6deg}79%{translate:225% 55%;scale:.2;rotate:-3deg}80%{translate:225% 55%;scale:.4;rotate:-3deg}to{translate:-30% 300%;scale:.4}}@keyframes balloon-float{0%{translate:-5% 2%;rotate:7deg}to{translate:1% -2%;rotate:-5deg}}@keyframes dragon{0%{translate:220% 0;opacity:1}95%{translate:-800% -100%;scale:.4;opacity:1}96%{translate:-800% -380%;opacity:0}97%{translate:220% 0;opacity:0}to{translate:220% 0;opacity:1}}@keyframes dragon-loop{0%{rotate:0}25%{rotate:0}30%{rotate:360deg}35%{rotate:360deg}to{rotate:360deg}}@keyframes dragon-flap{0%{translate:0 0}25%{translate:0 -25%;rotate:3deg}60%{translate:0 10%;rotate:-2deg}to{translate:0 0}}@keyframes dragon-head{0%{rotate:22deg}40%{rotate:-8deg}to{rotate:22deg}}@keyframes dragon-wing{0%{scale:1;transform:skew(0)}60%{scale:1 -.5;transform:skew(-10deg,10deg)}to{transform:skew(0)}}@keyframes dragon-wing2{0%{transform:skew(0)}60%{scale:1 -.5;transform:skew(10deg,-10deg)}to{transform:skew(0)}}@keyframes boat{0%{rotate:-8deg}to{rotate:8deg}}@keyframes boat-sail{0%{scale:1}to{scale:1.3 1;transform:skew(-5deg)}}@keyframes boat-anchor{0%{rotate:-16deg}to{rotate:16deg}}