require. Вы очевидно не сами собирали, а поэтому разобраться и помочь разобраться будет архисложно. А когда соберете сами с нуля, будете ориентироваться в в этом всем и большинство проблем сможете решить сами.
<span>. А то как то у вас текст важнее заголовка выходит по семантике. Обернули бы в <h3>, <h4> или хотя бы в <p>
border-radius обертке изображения? Если да, попробуйте обертке применить overflow: hidden;. Таким образом скрывается все что выглядывает за пределы контейнера, а при скруглении углов, не скруглённое содержимое выглядывает.
Размер текста у них по умолчанию больше, так же его можно стилизовать как нужно.