.about-image,.about-image img{position:relative}.about-image img{background:var(--alt-bg-color-2);border-radius:8px;height:482px;width:100%;max-width:362px;z-index:1;object-fit:cover;transform:translateY(10px);opacity:0}.about-image.scrolled img{animation:about-image-bg .6s cubic-bezier(.47,1.35,.56,.97) forwards}.about-image canvas{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;border-radius:8px}@keyframes about-image-bg{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.about-image span{display:block;border:2px solid var(--body-text-color);background:transparent;border-radius:8px;height:482px;width:100%;max-width:362px;z-index:0;position:absolute;left:50%;top:0;opacity:0;transform:translateX(calc(-50% + 16px))}.about-image.scrolled span{animation:about-image-bg-span .6s cubic-bezier(.47,1.35,.56,.97) forwards}@keyframes about-image-bg-span{0%{top:0;opacity:0}to{top:-16px;opacity:1}}.slider{height:100%;--image-width:362px;--image-height:482px}.slider,.slider__image--wrapper{width:100%;position:relative;z-index:1;overflow:hidden}.slider__image--wrapper{max-width:var(--image-width);height:var(--image-height);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:auto}.slider__image--wrapper .slider__image{max-width:var(--image-width);width:100%;height:var(--image-height);display:none}