.p1gsoyvs{background-size:300px;position:relative;max-width:1920px;width:100%;max-height:1080px;height:100vh;overflow:hidden;background-image:url(/themes/pirates/bg.webp)}@media (max-width:1023px){.p1gsoyvs{height:92vh}}.p1gsoyvs .layer{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;-webkit-background-position:center;background-position:50%}.p1gsoyvs .characterContainer .charControl,.p1gsoyvs .layerImg{position:absolute;bottom:0;left:0}.p1gsoyvs .waveFront{animation:waves-p1gsoyvs 4.5s ease-in-out infinite}.p1gsoyvs .waveBack{animation:waves-p1gsoyvs 8s ease-in-out infinite;width:2200px;filter:brightness(70%)}@keyframes waves-p1gsoyvs{0%{transform:translate(-200px,200px)}50%{transform:translate(-200px,300px)}to{transform:translate(-200px,200px)}}.p1gsoyvs .island{transform:translateY(100px)}.p1gsoyvs .octopus{animation:octopus-p1gsoyvs 26s ease-in-out infinite}@keyframes octopus-p1gsoyvs{0%,30%{transform:translateY(1280px) rotate(-20deg)}50%,70%{transform:translateY(180px) rotate(0deg)}60%,80%{transform:translateY(220px) rotate(0deg)}90%,to{transform:translateY(1280px) rotate(-20deg)}}.p1gsoyvs .characterContainer .charControl{width:200px;height:auto;transform:translate(600px,-215px)}@media (min-width:767px) and (max-width:1024px){@keyframes octopus-p1gsoyvs{0%,30%{transform:translate(-1100px,680px) rotate(-20deg)}50%,70%{transform:translate(-1100px,-40px) rotate(0deg)}60%,80%{transform:translate(-1100px,-20px) rotate(0deg)}90%,to{transform:translate(-1100px,680px) rotate(-20deg)}}.p1gsoyvs .fish{transform:translateX(-400px)}}@media (max-width:767px){.p1gsoyvs .fish{width:900px;height:100%;object-fit:cover;transform:translate(-60px)}.p1gsoyvs .octopus{width:700px}@keyframes octopus-p1gsoyvs{0%,30%{transform:translate(-260px,680px) rotate(-20deg)}50%,70%{transform:translate(-260px) rotate(0deg)}60%,80%{transform:translate(-260px,40px) rotate(0deg)}90%,to{transform:translate(-260px,680px) rotate(-20deg)}}.p1gsoyvs .island{width:800px;transform:translateX(-200px)}.p1gsoyvs .characterContainer .charControl{width:100px;transform:translate(60px,-130px)}.p1gsoyvs .waveBack,.p1gsoyvs .waveFront{width:1600px}@keyframes waves-p1gsoyvs{0%{transform:translate(-140px,300px)}50%{transform:translate(-140px,220px)}to{transform:translate(-140px,300px)}}}