#home img[alt="UI UX Designer"] {
  transform: perspective(1000px) rotateX(var(--robot-rx,0deg)) rotateY(var(--robot-ry,0deg)) translateY(var(--robot-float,0px));
  transform-origin: 50% 65%;
  animation: robot-breathe 5s ease-in-out infinite;
  transition: transform .18s ease-out;
  will-change: transform;
  filter: drop-shadow(-14px 0 26px rgba(239,55,65,.3)) drop-shadow(14px 0 26px rgba(0,225,255,.32));
  mask-image: linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);
  border-radius: 24px;
}
#home { perspective: 1200px; }
#home::after {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at 36% 47%,rgba(244,52,67,.26),transparent 49%),radial-gradient(ellipse at 66% 43%,rgba(0,219,247,.23),transparent 48%);
}
@property --robot-float { syntax:'<length>'; inherits:false; initial-value:0px; }
@keyframes robot-breathe { 0%,100% {--robot-float:0px;filter:drop-shadow(-12px 0 20px #ef37414d) drop-shadow(12px 0 20px #00d9ff55)} 50% {--robot-float:-12px;filter:drop-shadow(-16px 0 32px #ef374166) drop-shadow(16px 0 32px #00d9ff77)} }
@media(prefers-reduced-motion:reduce) { #home img[alt="UI UX Designer"] {animation:none;transition:none;transform:none;will-change:auto} }