Hold
[[div style="margin-top: -7px;"]]
[[html]]
<style>
        #slideshow { 
            margin-top: 0px; 
            position: relative; 
            width: 902px; 
            height: 276px; 
            padding-top: 0px;  
        }

        #slideshow > div { 
            position: absolute; 
            top: 0px; 
            left: 0px; 
            right: 0px; 
            bottom: 0px; 
        }
    </style>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
    <script>
        $(function() {

            $("#slideshow > div:gt(0)").hide();

            setInterval(function() { 
              $('#slideshow > div:first')
                .fadeOut(1000)
                .next()
                .fadeIn(1000)
                .end()
                .appendTo('#slideshow');
            },  4000);

        });
    </script>

    <div id="">

        <div>
         <a target="_blank" href="http://www.active.com/oceanside-ca/other-endurance/oceanside-world-bodysurfing-championships-2017"><img border="0" src="http://bodysurfing.wdfiles.com/local--files/slider/41.jpg">
       </div>

    </div>
[[/html]]
[[/div]]

[[module css]]
.image-container{
    padding: 0px 0px 0px 0px;
}
[[/module]]