S-a-n-d-r-0

Внести такие правки:

.work__item
{
width: calc(100% / 4 - 100px);
margin-right: 100px;
padding-bottom: 125px;
}

.work__number{
position: relative;
margin-top: -25px;
}

Лучше это решить на стороне сервера. Если у вас есть и image, и tasks, и about, то сервер даст им одни css-классы, которые их расположат по первому варианту. Если есть image и tasks, но нет about, - то другие классы, которые расположат их по второму варианту.

Но можно и так:
https://codepen.io/s-a-n-d-r-0/pen/WNeMXeR

Добавить:

body
  overflow-x: hidden

[data-title]:hover:after
    right: 40px