Блок для сайта

Написать код (на html css java script) максимально простой и легкий, который можно было бы копировать и вставлять как блок в любой сайт.

Обязательные требования:

Mobile responsive.
Style внутри страницы, не выносим в отдельный файл
Java script тоже внутри страницы, не выносим в отдельный файл
Подробные комментарии напротив каждого стиля, так чтобы мог поменять человек с базовыми знаниями;
Подробные комментарии, напротив каждого элемента, где можно поменять значения;

1) Нужно чтобы появлялся информационный блок, внизу экрана поверх всего.
На компьютере блок появляется внизу справа
На телефонах внизу по-центру
Время появления: 1- через 5 секунд; 2 - через 15 секунд; 3 - через 30 секунд (Обязательно прокомментировать те месте, где меняем каждое значение) Блок прямоугольник с закругленными краями
300 px 120px
radius 10 px
Блок появляется проявлением и так же исчезает затухая.

Внутри текст и картинка (iPhone)
Картинка - прокомментировать место ссылки, так чтобы можно было менять картинку
Текст - прокомментировать текст, так чтобы можно было легко его поменять
Текст следующий: just won iPhoneX!
Гдe - это рандомное имя из списка 3 имен, который можно самому менять (прокомментировать место где менять имена)

2) Второй блок сверху, всегда прикреплен вверху, даже когда прокручиваем сайт вниз.
Блок белого цвета полупрозрачный.
100 px высота
Отображает следующую информацию:
People on this site
iPhone X left
где - это рандомное значение, которое меняется каждую секунду на значение от -3 до +3.
- число связанное с блоком (1). Когда появляется первый блок (через 5 секунд), то значение 4 меняем на 3. Когда появляется первый блок второй раз (через 15 секунд) меняем значение 3 на 2, и последний раз меняем когда появится блок последний раз(через 30 секунд) с 2 на 1.
Когда значение становится 1 (1 iPhone X left) - делаем так, чтобы 1 мигала (меняла цвет с 1 на желтый и обратно) - комментируем место, где можно поменять цвета.

Цифры красного цвета bold
Текст ниже

Если что-то не понятно, пишите задавайте вопросы.