Gortyser

Посмотрите здесь. Al - албанский

Таки тень, что не получилось-то?

Таблицы вы используете не по назначению, конечно, но если хочется, то есть table-layout: fixed

Добавьте атрибут download для ссылки.

Контейнеру, в котором все это лежит:

display: flex;
justify-content: space-between

Потом запихнуть два маленьких блока в еще один контейнер и задать ему:

display: flex;
flex-direction: column;
justify-content: space-between;

Если все так, как у вас написано, а именно

Нажмите чтобы подсветить элемент R31

, то поменяйте class:"tap_R31" на class="tap_R31"

Конкретно как на картинке легче будет сделать каким-нибудь градиентом. В теории.

Лучше padding, ограничивать высоту вообще довольно плохая идея в большинстве случаев.

А происходит это из-за элемента .row, у которого нет максимальной ширины, и он игнорирует паддинги и прочее. Зададите max-width: 100% - за пределы выходить не будет. Но и выглядеть сайт уже будет иначе.

.l-section.sticky {
position: fixed!important;
}
Убрать. Вообще по-хардкору, конечно, fixed для раздела, да еще и с important, чтобы наверняка.

Лучше сверстать это флексами, а не таблицами.
Как-то так. Получилось как-то не особенно шахматно на некоторых разрешениях, но как это должно выглядеть я не особенно себе представляю

Какой-то странный код.
Во-первых, разве для animate.css не нужен класс animated на нужном элементе?
Во-вторых, вы хотите, чтобы по очереди появлялись элементы, но класс с анимацией вешаете на контейнер вместо них. Так точно ничего не выйдет.
В-третьих, center не используется лет 50 уже, наверно, не нужно так делать. Используйте CSS для центрирования. Ну и селекторы по id - это такое.
А вообще просто нужно задать animation-delay разный для каждого элемента.
Примерно так

В js есть еще

document.getElementById('someid').classList.add('active')