/* Flexy, floating */
.flexy{position:absolute;pointer-events:none;z-index:3;animation:flexyFloat 7s ease-in-out infinite;}
.flexy::after{content:"";position:absolute;left:18%;right:18%;bottom:-14%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(4,33,15,.20),rgba(4,33,15,0));animation:flexyShadow 7s ease-in-out infinite;}
@keyframes flexyShadow{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(.82);opacity:.55}}
.flexy img{display:block;width:100%;height:auto;}
@keyframes flexyFloat{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(-8px,-18px) rotate(3deg)}}
@media (prefers-reduced-motion:reduce){.flexy{animation:none;}}

.flexy-about{right:max(24px, calc((100vw - 1280px) / 2 + 20px));top:50%;margin-top:-150px;width:250px;}
@media (max-width:1100px){.flexy-about{width:170px;margin-top:-100px;opacity:.9;}}
@media (max-width:820px){.flexy-about{position:relative;display:block;right:auto;top:auto;margin:0 auto 10px;width:150px;}}