How to layer on layer?

Question

css

Hello, I can't layer on layer

. It should look like this

.TitleFilm {
  font-size: 18pt;
  color: #ffff00;
  position: absolute;               
  margin-top: -350px;     
  margin-left: 300px;

  transform: translate(0, -50%) 
}   


.img_blur {
  margin-top: -550px;
  margin-left: 10px;
}

.viewFilm {
    margin-top: -150%;     
  margin-left: 10%;
  position: absolute;  
}

I have already begun to move, but the small image rested and does not rise
How to do it right so that everything is clear
Here is the hierarchy

<div>
  <!-- Изображение фон -->
  <h3>
    <!-- Название фильма -->
  </h3>

  <p>
    <!-- Другие даныые -->
  </p>

</div>

The funny thing is that the title of the movie moves perfectly.