Custom Post Type Loop causing improper nesting

I am building a custom template page to display some custom post type content but for some reason my code is causing the content to nest inside of eachother so the second post nests inside the previous post. I am sure that this is a stupid coding error on my part but I just cant seem to figure it out. Could someone take a glance at this and see what I am doing wrong.

I realize that my PHP is terrible here, please let me know any ways i can clean it up. I am learning PHP by using it so it is a bit messy right now. Thanks for the help!

Live page:

Code at PasteBin:

<div class="page-content">

    $args = array (
        'post_type' => 'custom_post_type',
        'post_status' => 'publish',
        'orderby' => 'date',
        'order' => 'DESC',
        'posts_per_page' => 3,

    $query = new WP_Query($args);

    if( $query->have_posts() ) {
        while ( $query->have_posts() ) {
            <div class="post-content">
                <div class="post-image">
                    <?php the_post_thumbnail(); ?>
                <div class="post-info">
                    <h3><?php the_title(); ?></h3>
                    <p><?php the_content(); ?></p>

Sponsor our Newsletter | Privacy Policy | Terms of Service