andand44

Нужно добавить img vertical-align: top;
Пример

.post-thumbnail img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

https://jsfiddle.net/9vdLa2fp/
break-inside: avoid; backface-visibility: hidden; и display: inline-block; в нужных местах могут помочь

Дизайнер не соблюдает сетку.
Если хочется порядка, то для изображения сделать обертку равную 6 колонкам и внутри нее выровнять изображение по центру.

Нужно отменить правило с top. top: auto;

.menu-burger-line_third {
    bottom: 0;
    top: auto;
}

Дело в Inline-block у стрелок слайдера.
Можно задать родителю стрелок font-size: 0; если нужно быстрое решение.

https://css-live.ru/articles/zagadochnye-otstupy-m...

transform: translate(-1px, -1px); Сдвинет .product_specifications влево и вверх на ширину border

.product_specifications{
  text-align: center;
  border: 1px solid black;
  border-radius: 5px;
  font: bold calc(100vw/70) 'Roboto Condensed', sans-serif;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
  top: 0;
  transform: translate(-1px, -1px);
}