Sweeatygg

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="pros">
  <div class="content__bg content__bg_img--0">
    
  </div>
</div>

<script type="text/javascript">
var editBg = function(content__bg) {
  var contents__bg = $('.pros').find('.content__bg');
  contents__bg.animate({opacity: ''}, 500);
  setTimeout(function() {
    contents__bg.remove();
  }, 500);
  $('.pros').prepend($('<div class="content__bg '+content__bg+'"></div>'));
};
$(function() {
  setTimeout(function() {
    editBg('content__bg_img--1');
  }, 1000);
  setTimeout(function() {
    editBg('content__bg_img--2');
  }, 1400);
  setTimeout(function() {
    editBg('content__bg_img--3');
  }, 1800);
  setTimeout(function() {
    editBg('content__bg_img--4');
  }, 2200);
  setTimeout(function() {
    editBg('content__bg_img--5');
  }, 2400);
});
</script>

<style type="text/css">

.content__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  pointer-events: none;
}
.content__bg_img--0 {background-image: url('assets/img/bg1.1.jpg')}
.content__bg_img--1 {background-image: url('assets/img/bg1.1.jpg')}
.content__bg_img--2 {background-image: url('assets/img/bg1.2.jpg')}
.content__bg_img--3 {background-image: url('assets/img/bg1.3.jpg')}
.content__bg_img--4 {background-image: url('assets/img/bg1.4.jpg')}
.content__bg_img--5 {background-image: url('assets/img/bg2.jpg')}


</style>