body{font-family:Arial,sans-serif;background:#f4f4f4;padding:40px}.webportfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.webportfolio-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 15px rgb(0 0 0 / .15);background:#fff;height:400px}.webportfolio-item img{position:absolute;top:0;left:0;width:100%;animation:scrollImage 12s linear infinite alternate;transform:translateY(0)}.webportfolio-item:hover img{animation-duration:4s}@keyframes scrollImage{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}