Александр

Если не хотите придумывать всё с нуля, можно воспользоваться ScrollMagic и GSAP. В итоге таймлайн будет изменяться в зависимости от положения скролла на странице.

SASS не фреймворк, а язык. А учить или нет Bootstrap зависит от того, хотите ли Вы развиваться или нет.

Вы об обтекании текста? float'ы это тогда.

text-orientation

Вообще, чтобы сделать семантически верно, в случае, если в карточке есть ссылка, а кликабельной должна быть вся карточка, тогда делают так:

.card {
	position: relative;
}

.card .card__link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
}

Смотреть тут.

object-fit

Может тогда проще использовать contenteditable?

Дополню ответ. Всё зависит от ситуации. Первый вариант Вам уже показали, а есть еще второй вариант развития событий (через selector + selector). К примеру во флекс-контейнере (margin'ы не схлопываются) и первый вариант не будет работать так, как Вы ожидаете: