Арсений Матыцин

Псевдоэлементы с абсолютным позиционированием.

Если используется движок — он отдает кеш в 90% случаях. А если это Битрикс — рекомендую сжечь рабочее место и пойти в церковь и больше никогда с ним не работать.
В некоторых случаях браузер надо перезапустить, такое бывает с Edge и Mazilla.
Иной раз может спасти запись ручками типа …s/assets/css/style.css?1533895453 — тогда браузер будет сверять и пытаться загрузить актуальное, если движок — то же самое его средствами, или искать настройку.
Проверить htaccess, если речь о сервере на Apache. Колупать настройки nginx, если речь о нем.
Если разговор о локальной разработке просто в файлах — gulp-livereload или livereload под ваш способ сборки.
Если что-то в духе Денвера или Опенсервера — настройки и перезапуск.
Ну и напоследок — проверить свои руки, вдруг кривые.

https://getbootstrap.com/docs/4.0/content/tables/#...
Непосредственно бутстрап, или посмотреть, как прописаны стили и скопировать фрагмент.

Адаптивная картинка и адаптивный фон разные вещи.
Если бы была картинка, я бы сказал, что стоит дать ей свойство max-width: 100%, но тут используется фон. Сразу и в лоб — блок, к котором применяется background-image должен иметь свойство background-size: contain. Вот только делать этого очень не советую, так как у блока появятся «уши». Это когда есть незанятое пространство. В данном случае пострадает текст в первую очередь, который «лежит» поверх фона.
Разумнее использовать background-size: cover. Тогда картинка будет подстраиваться под размер области, в которой она является фоном.

https://codepen.io/i-am-studio_ru/pen/vazmyN?edito...
И да. Если применять свойство не к строке, а непосредственно ячейкам, то можно и сделать фиксированную колонку. Чтобы оценить работу во все стороны я советую поменять «вид» в редакторе и посжимать.

Правда обращаю внимание, что это решение, по моему мнению, является костыльным. Оптимальнее сформировать решение на JS, который будет считать размеры 1 и более строк шапки таблицы.

Убрать свойство background-color: red;

Соглашусь с предыдущим оратором на счет размеров, также проблему может вызвать строчный элемент <a> внутри которого расположены изображения. Он должен иметь свойства display: block или display: inline-block, то же самое рекомендую сделать с изображением. Строчные элементы принимают свойства, собственно, текста, из-за чего могут выдавать артефакты типа вот таких отступов.
Еще надо проверить паддинги родителя-обертки и самого изображения. Я лично часто с их помощью решаю вопросы оформления изображений.

Пикче стоит задать vertical-aligh: middle;.

Убирать отступы для заголовков и в принципе текстового форматирования — плохая практика. На данный момент, как я понял, уже прописаны обнуления отступов, поэтому не могу повторить у себя в хроме на сайте.
Если хотите корректного «обертывания» тегов с базовыми отступами (и вообще с отступами), лучше использовать свойство overflow:hidden/auto. Обращаю только внимание, что если у родителя жестко прописаны размеры — он будет прятать все, что выходит за рамки. Если же размеров нет, он будет оборачивать все дочерние элементы с их внешними отступами.
Данная тема относится к схлопывающимся отступам.