inkShio

.parent
  .child__img
  .child__hover
    .title
      | my title
    .desc
      | my description

.parent{
  position: relative;
}
.child__img{
  тут код для картинки
}

.child__hover{
  display: none;
}
.parent:hover .child__hover {
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: #ccc;
}
.title{
  стиль заголовка
}
.desc{
  стиль описания
}

@media (width: 1024px) {
  .box-1,
  .box-2 {
    width: 50%;
  }
  .box-3 {
    width: 100%;
  }
  .box-4,
  .box-5 {
    width: 50%;
  }
}

@media (width: 768px) {
  .box-1 {
    width: 100%;
  }
  .box-2, .box-3, .box-4 {
    width: 33%;
  }
  .box-5 {
    width: 100%;
  }
}

$(document).ready(function() {
	$('#menu-food-menu .menu-item').on('click', f_acc);
});

function f_acc(){
	if($(this).find('.sub-menu')) {
  	//$('#menu-food-menu > li >.submenu').not($(this).children()).slideUp(1000);
    $(this).children('.sub-menu').slideToggle(2000);
  }
}

background: url(img/first-bg.jpg) no-repeat center top / cover;

background-image: url(img/first-bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;