Никита Траторов

Предлагаю решить вопрос в 2 слоя:
1) белый фон с фоновой картинкой (фиолетовый овал), либо CSS3 радиальный градиент от фиолетового в белый, прибитый в угол background: radial-gradient(at bottom right, ...
2) контент с текстом и картинкой (прозрачная PNG) прижатой вправо с небольшим правым марджином

• Если у него абсолютное позиционирование относительно body, можно указать right: 0
  
• Второй вариант, вложить его в прозрачный div, растянутый на весь viewport с position: relative, тогда дочерний элемент не полезет наружу.
  
• JavaScript. Вероятнее всего, на сайте со скриншота именно JS. Кстати, Popover в Bootstrap умеет подыскивать себе удобное местоположение, не уходя за границы экрана
  

Может быть использовать em вместо px в стилях? Они-то как раз и зависят от размера пикселя.

А они же наверное gzip сжатие применяют на своих серверах? :)
https://habrahabr.ru/post/221849/
здесь есть примеры включения этой "фишки"

Похоже что использованы несколько вертикальный каруселей, аля bxslider.com/examples/multiple-slideshows
Конечно, готового решения Вы врятли найдете, очевидно, что тут не обошлось без самописной увязки этих каруселей на одну пару кнопок вверх/вниз.

Скорее всего это просто PNG изображение с прозрачностью. Такой вариант наиболее совместим со всеми браузерами. А внутри onClick="$('body').scrollTo('#target');" который скролит до нужного элемента.