Help! ...please :)

Trying to put a train animation that scrolls accross the screen, but it takes the whole page content with it at the end of the animation (Apple mail). Have tried the 'overflow: hidden' option but it still won't work.


<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <style type="text/css">


            /* BOILERPLATE STYLES */
            #outlook a{padding:0;}
            .ReadMsgBody{width:100%;} .ExternalClass{width:100%;}
            .ExternalClass, .ExternalClass span, .ExternalClass td, .ExternalClass div {line-height: 100%;}
            body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
            table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;}
            img {-ms-interpolation-mode:bicubic;}
            body {height:100% !important; margin:0 !important; padding:0 !important; width:100% !important;}
            img {border:0; height:auto; line-height:100%; outline:none; text-decoration:none; text-align: center}
            /* LINK STYLES */
            a[x-apple-data-detectors] {
                color: inherit !important;
                text-decoration: none !important;
                font-size: inherit !important;
                font-family: inherit !important;
                font-weight: inherit !important;
                line-height: inherit !important;
            }
            /* MOBILE STYLES */
            @media screen and (max-width: 595px) {

                /* ALLOWS FOR FLUID TABLES */
                table[class="wrapper"]{
                    width:100% !important;
                }
                /* ADJUSTS LAYOUT OF LOGO IMAGE */

                img[class="img-max"]{
                    max-width: 100% !important;
                    width: 100% !important;
                    height:auto !important;
                }
                img.footer-logo  {
                    margin:0 auto!important;
                    padding: 1px 5px 10px 5px !important;
                    width: 180px !important;
                    height: 20px !important;
                }
                img.header-logo  {
                    margin:0 auto!important;
                    padding: 15px !important;
                    width: 180px !important;
                    height: 20px !important;
                }
                /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
                td[class="mobile-hide"]{
                    display:none;}
                img[class="mobile-hide"]{
                    display: none !important;
                }
                /* FULL-WIDTH TABLES */
                table[class="responsive-table"]{
                    width:100%!important;
                }

                /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
                td[class="padding"]{
                    padding: 5px 0 5px 0 !important;
                }
                td[class="no-pad"]{
                    padding: 0 0 20px 0 !important;
                }
                td[class="no-padding"]{
                    padding: 0 !important;
                }
                td[class="make-center-mobile"]{
                    text-align: center !important;
                    padding: 10px 5px 0 5px !important;
                }
                td[class="section-padding"]{
                    padding: 0 5px 5px 5px !important;
                }
                td[class="section-padding-b"]{
                    padding: 0 5px 5px 5px !important;
                }
                td[class="section-padding-c"]{
                    padding: 0 5px 0 5px !important;
                }
                td[class="section-no-padding"]{
                    padding: 0 0 0 0 !important;
                }



            }
              /* train */
            @-webkit-keyframes move
{
    from {
        left: -1000px;
    }
    to {
        left: 1000px;
    }
}
@keyframes move
{
    from {
        left: -1000px;
    }
    to {
        left: 1000px;
    }
}

.train {
    text-decoration: none;
    position: absolute;
    -webkit-animation: move 9s infinite;
    animation: move 9s infinite;
    overflow: hidden !important;
}


        </style>
    </head>
    <body style="margin: 0; padding: 0;">
        <!-- content start -->
        <!-- one-col-v1 -->
        <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#eeeeee">
            <tr>
                <td align="center" style="padding: 0 15px 5px 15px" class="section-padding">
                    <table border="0" cellpadding="0" cellspacing="0" width="620" class="responsive-table" >
                        <tr>
                            <td style="border-bottom: 1px solid #cccccc; background: #ffffff">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td>
                                            <!-- COPY -->
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
                                                <tr>
                                                    <td align="center" class="section-padding-c">

                                                         <div class="train" style="overflow: hidden"><img src="http://imgur.com/iXHDaB6.png" width="600" height="30"/></div>


                                                        <p style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #333333; font-weight: 400; padding: 5px 0 5px 0; margin: 5px 30px 5px 30px; line-height: 18px">
                                                            <!--[if mso]><span style="font-family: Arial; sans-serif"><![endif]-->  
                                                           text etc



                                                        </p>



                                                    </td>
                                                </tr>

                                            </table>


                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- one col v1 end -->




    </body>
</html>