/* About Section Animations */
.slide-in-left, .slide-in-right {
  opacity: 0;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}
.slide-in-left { transform: translateX(-100px); }
.slide-in-right { transform: translateX(100px); }
.visible { transform: translateX(0); opacity: 1; }

/* Dog Animation */
@keyframes moveDog {
    0% { 
        left: -100px;
        opacity: 0;
    }
    13% {
        opacity: 1;
    }
    87% {
        opacity: 1;
    }
    100% { 
        left: 100%;
        opacity: 0;
    }
}
.animate-move-dog {
    position: absolute;
    top: 0;
    left: -100px;
    animation: moveDog 15s linear infinite;
}