<!--HTML-->
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<div id="main-img">

<div class="coca-cola"></div><div class="hot-dog"></div><div class="pop-corn"></div><div class="aircraft"></div><div class="lily"></div>
	<div class="statuss"></div>

</div>

</div>

<style>
#main-img {
background-image: url(https://i.imgur.com/Or7xiyo.jpg);
width: 750px;
height: 500px; 
background-size: 100%;
position: relative;
}

.coca-cola {
background-image: url(https://i.imgur.com/16FTjBQ.png);
width: 100px;
height: 100px; 
background-size: 100%;
background-repeat: no-repeat; 
position: absolute;
top: 260px;
left: 240px;
}

.hot-dog {
background-image: url(https://i.imgur.com/GZZvx58.png);
width: 50px;
height: 50px; 
background-size: 100%;
background-repeat: no-repeat; 
position: absolute;
top: 340px;
left: 420px;
}

.pop-corn {
background-image: url(https://i.imgur.com/PbEvavf.png);
width: 30px;
height: 40px; 
background-size: 100%;
background-repeat: no-repeat; 
position: absolute;
top: 270px;
left: 60px;
}

.aircraft {
background-image: url(https://i.imgur.com/xOTxRJU.png);
width: 60px;
height: 40px; 
background-size: 100%;
background-repeat: no-repeat; 
position: absolute;
top: 10px;
left: 270px;
}

.lily {
background-image: url(https://i.imgur.com/f8SXJZQ.png);
width: 40px;
height: 40px; 
background-size: 100%;
background-repeat: no-repeat; 
position: absolute;
top: 400px;
left: 270px;
}

.statuss {
font-size: 50px;
background-color: #fff;
}

</style>

 <script>
var animation = element.animate(keyframes, options); 

$( ".lily" ).click(function() {
  $( ".lily" ).hide(); });
$( ".pop-corn" ).click(function() {
  $( ".pop-corn" ).hide(); });
$( ".hot-dog" ).click(function() {
  $( ".hot-dog" ).hide(); });
$( ".aircraft" ).click(function() {
  $( ".aircraft" ).hide(); });
$( ".coca-cola" ).click(function() {
  $( ".coca-cola" ).hide();
});
 $(".statuss").text("Элементы появились");
    </script>