Footer Image appears in front of some posts

Hi,
I’m working on a site that has been heavily customized with templates.

There is an image of a dove in the footer and it should appear behind the text on each page.
You can see that on this page: https://cymandeofficial.com/future-gigs/ it correctly appears behind the text, but on this page: https://cymandeofficial.com/homepage/ it appears in front, blocking the text.

The footer code is:

<?php
/**
 * The template for displaying the footer
 *
 * Contains footer content and the closing of the #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?>

<div class="dove">
    	<span><img src="<?php echo get_template_directory_uri(); ?>/images/dove.png" alt="" /></span> </div><!--dove closed-->
</div><!--wrapper closed-->

</div>

<div class="flt outer_three">
	<div class="wrapper">
    	<p class="copy_right">Copyright @ 1970. Cymande. All Rights Reserved.</p>

    </div><!--wrapper closed-->

</div><!--outer_three closed-->

 <script src="https://webplayer.yahooapis.com/legacy/player.js"></script>

<script src="js/aap.js"></script>

<script>
if (window.addEventListener) {
	window.addEventListener('load', function () {
		accessibleAudioPlayer.init();
	}, false);
}
else if (window.attachEvent) {
	window.attachEvent('onload', function () {
		accessibleAudioPlayer.init();
	});
}
else {
	document.addEventListener('load', function () {
		accessibleAudioPlayer.init();
	}, false);
}
</script>

<?php wp_footer(); ?>
</body>
</html>

One template where the bird appears in front of the text is:

<?php
	/*
	 Template Name:news_page_one
	*/
get_header();
?>

<style>
span.main_image img {
 height:419px !important;
}
</style>

<div class="flt main_box"> 

	<?php while(have_posts()): the_post();  ?>    

	<div class="flt left_side_count">
	    <span class="main_image">
		   <?php  the_post_thumbnail(array(331,419)); ?>
		</span>
	</div><!--left_side_count--> 

	<div class="flr right_side_count">
		<?php the_content(); ?>
	</div><!--left_side_count--> 

</div><!--main_box closed--> 

<?php $tagu = get_post_meta($post->ID,'bototm_gallery'); ?>

<div class="flt box_bottom"> 

	<div class="sv_footer_photo">

	<?php echo do_shortcode($tagu['0']); ?>

	</div>

	<?php   endwhile;  wp_reset_query(); ?>

</div><!--box_bottom closed--> 

<?php get_footer(); ?>

and a template where the bird correctly appears behind:

<?php
	/*
	 Template Name:new_gigs Page
	*/

get_header();
?>

<?php /*
<div class="flt main_box">
<div class="flt left_side_count"><div class="main_image"> <?php  the_post_thumbnail(array(588,419)); ?></div></div>
<!--left_side_count-->
<div class="flr right_side_count right_side_links">

  <?php while(have_posts()) : the_post(); ?>
<p class="links_pera">
	<?php the_content(); ?>
</p>

 <?php endwhile; ?>

</div>
</div>
<!--left_side_count-->

<!--main_box closed-->
<div class="flt box_bottom"></div>
<!--box_bottom closed-->

<!--member_page_slider closed--> <?php */ ?>

<div class="flt main_box">

	<div class="flt left_side_count">
    <div class="main_image"> <?php  the_post_thumbnail(array(588,419)); ?>

  </div>

    </div><!--left_side_count-->

	<div class="flr right_side_count">

  <?php while(have_posts()) : the_post(); ?>
 <p class="pera_gigs">
      <?php the_content(); ?>
 </p>
    <?php endwhile; ?>

    </div><!--left_side_count-->

</div><!--main_box closed-->

<style>
figure.gallery-item {
width: 10%;
float: left;
margin-left: 5px;
}
.sub_photo img
 {
  width:75px !important;
  height:75px !important;
border: 4px solid #FFF;
 }

.sub_photo
 {
  width:100% !important;
  margin-left:0px !important;
 }

.sub_photo img:hover
{
border: 4px solid #000;
}

.main_image img {
 height:419px !important;
width:588px !important;
}

.right_side_count {
 width:31% !important;
} 

</style>

<?php
//[gallery link="file" ids="732,733,734,735,736,737,738,739,740"]
$tagu = get_post_meta($post->ID,'bototm_gallery');

//echo do_shortcode($tagu['0']); ?>

<div class="flt box_bottom">
	<ul style="margin-left:10px !important; width:100% !important;" class="sub_photo sub_photo_gigs" class="sub_photo">
    	<?php echo do_shortcode($tagu['0']); ?>

    </ul>

</div><!--box_bottom closed-->
</div><!--member_page_slider closed-->

<?php get_footer(); ?>

Please help me work this out. Have you any idea what is causing the dove to sometimes appear correctly and at other times block the text?