dynamic sized image animation

http://stackoverflow.com/questions/19643814/solution-to-jquery-animation-only-in-css3

HTML

<div class="container">
    <img class="image" src="http://www.hotel-aramis.com/slider/home/notre-dame-de-paris.jpg" />
</div>

CSS

@-webkit-keyframes pan {
    0% {
        -webkit-transform: translate(0%, -0.5%);
    }
    100% {
        top: 100%;
        -webkit-transform: translate(0%, -99.5%);
    }
}

.container {
    position:relative;
    width:1100px;
    height:480px;
    overflow:hidden;
    background-color:#000;
}
.image {
    position:absolute;
    top: 0;
    max-width:100%;
    min-width:100%;
    -webkit-animation: pan 3s alternate infinite linear;
    -moz-animation: pan 3s alternate infinite linear;
}