Андрей Dobrin

Таакс, смотря, что именно вы хотите:

• Пододвинуть картинку в блоке, используя свойство margin
  
• Позиционировать картинку относительно элемента, используя свойство:
  position: relative
  позже можете писать свойства:
  

  top: значение в px | em | % | rem | pt и т.д.;
  left, right и bottom так же

  
  
  
• Позиционировать картинку независимо элемента, используя свойство:
  position: absolute
  позже, так же, можете писать свойства:
  

  top: значение в px | em | % | rem | pt и т.д.;
  left, right и bottom так же

  
  
  

Почитайте так же (тут вкратце):
Позиционирование

Что Вы именно хотите сделать?
Вы сместили этот зеленый блок ниже на320px.
Уберите в классе .central-menu свойство margin-top: 320px
А чтобы задавать свойство для дочерних элементов, можно писать либо так:

parent > child{
  property : value
}

или так:

parent child{
  property : value
}

Если хочется задать свойство к одному "ребёнку", то можно сделать так:

parent::nth-child(child's number){
  property : value
}

Например:
Есть структура

ul.list
  li.list__item
  li.list__item
  li.list__item
  li.list__item

Тут вы можете задать свойства толькo для первого li, используя правило ввыше:

.list::nth-child(1){
  padding: 0 0 0 20px
}

Посмотри, Я попробовал сделать и без js:
Вот код

Все это делается в css media queries. Если вы не умеете верстать сайты, а просить это у умеющих не позволяет бюджет, либо для такой "мелочи" и не хочется тратить вообще либо какую-то копеечку, можно поискать в ынтернети инфу о медиа запросах (media queries). В вашем случае, нужно этой же картинке или блоку, содержащему эту картинку при мелких размерах экрана (мобильных) написать свойства css:

.block_img{
    display: none
}

И этот кусок кода засунуть в медиа-запрос:

@media only screen and (max-width: 768px){
.block_img{
    display: none
   }
}

Вы создали квадрат, который отключается, когда ширина окна будет больше 768px. Проверьте снова, используя резайзер прям в окне либо инспектор во вкладке debug и включите device-toolbar и управляйте шириной окна.

Вместо классаitem-web в третьем элементе напишите item-security в стилях:

.item-web::before {
  content: "";
  background: url(/img/Icon-Laptop.png) no-repeat 15px;
  display: block;
  margin: auto;
  width: 70px;
  height: 70px;
  border: 4px solid #f2d048;
  border-radius: 50px;
  opacity: .8; }

.item-security::before {  < ----- CЮДА
  content: "";
  background: url(/img/Icon-Locked.png) no-repeat 15px;
  display: block;
  margin: auto;
  width: 70px;
  height: 70px;
  border: 4px solid #f2d048;
  border-radius: 50px;
  opacity: .8; }

Сложно понять Ваши намерения. Поэтому вот КОД, если не подойдет, то прошу вас разъяснить суть вопроса, дать картинку(примерную).

Покажите код, либо попробуйте прокрутить вниз и посмотреть, вдруг что-нибудь выезжает. Вы могли пропустить какой-то блок, который имеет фиксированную ширину. Либо там нажно в стилях поковыряться, а без кода никак)