VeryLongAgoDid

max-width
порой творит чудеса

Можно попробовать для букв задать рамку противоположного цвета. Тогда если буквы светлые, на тёмном фоне рамку будет не видно, а если наоборот, то она создаст контраст между картинкой и фоном

background: conic-gradient(from 0.5turn at 50% 90%, #220122, #430020);

.post-thumbnail {position: relative}
.post-thumbnail img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1}
span.post-thumbnail a {position: absolute; top: 20%; left: 20%; bottom: auto; right: 20%; text-align: center; z-index: 2}
span.post-thumbnail span {position: absolute; top: auto; left: 20%; bottom: 30%; right: 20%; text-align: center; z-index: 2}

Навскидку. Думаю этого хватит чтобы поправить самостоятельно

IDangero Swiper
Хорошая и понятная документация, куча возможностей, есть функция перерисовки размера слайдера, которая не раз выручала, поддержка ведётся для оптимизации и исправления ошибок, может работать на чистом js

Картинки конечно хорошо, но может стоит показать код html и css?