/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
section.paragraph--basic_text_with_animation .container{position:relative;}section.paragraph--basic_text_with_animation h2{margin-right:80px;}.field--name-field-image-to-animate{position:absolute;top:0;left:0;height:100%;width:100%;max-width:88rem;pointer-events:none;margin:0;}.field--name-field-image-to-animate figure{position:absolute;top:-30px;right:0;height:70px;width:70px;opacity:0;transform:scale(0) rotate(-15deg);display:inline-block;filter:drop-shadow(0 18px 28px rgba(0,0,0,0.4));transition:filter 0.2s ease,transform 0.2s ease;will-change:transform;}body.env--local .field--name-field-image-to-animate figure,body.env--comms .field--name-field-image-to-animate figure{border:1px solid blue;}section.in-viewport .field--name-field-image-to-animate figure{animation:imgPopIn 0.7s cubic-bezier(0.34,1.56,0.64,1) forwards;animation-delay:0.25s;}.field--name-field-image-to-animate img{width:100%;height:auto;display:block;}@media (min-width:1024px){.field--name-field-image-to-animate figure{top:-60px;height:150px;width:150px;height:200px;width:200px;}section.paragraph.alignment_setting--right .field--name-field-image-to-animate{left:auto;right:0;}section.paragraph--basic_text_with_animation h2,section.paragraph--basic_text_with_animation .field--name-field-section-text > *:first-child,section.paragraph--basic_text_with_animation .field--name-field-section-text > *:nth-child(2){margin-right:200px;}}@media (min-width:1150px){.field--name-field-image-to-animate figure{right:-100px;}section.paragraph--basic_text_with_animation h2,section.paragraph--basic_text_with_animation .field--name-field-section-text > *:first-child,section.paragraph--basic_text_with_animation .field--name-field-section-text > *:nth-child(2){margin-right:100px;}}@keyframes imgPopIn{0%{opacity:0;transform:scale(0) rotate(-15deg);}60%{opacity:1;transform:scale(1.12) rotate(4deg);}80%{transform:scale(0.94) rotate(-2deg);}100%{opacity:1;transform:scale(1) rotate(0deg);}}