Как зафиксировать картинку на HTML и CSS

CSS HTML
Dolphin
30.08.2017 11:24:45 am
На Новогодние праздники, как то, решил немного приукрасить сайт, а именно добавить в левый, нижний угол веточку от елки.

Идея была такой - при прокрутки страницы вверх или вниз, веточка должна оставаться на том же месте, на экране монитора, то есть картинку необходимо зафиксировать. Делал я это так:
Пишу класс для картинки:
.ny {
    position: fixed; /* Фиксирую картинку */
    bottom: 25px;    /* Затаю расстояние снизу */ 
    left: 45px;      /* Задаю расстояние от левого края */
    opacity: 0.8;    /* Делаю картинку слегка прозрачной (если вам это не надо, удалите эту строчку) */
}

Теперь в HTML документ вставляем саму картинку:
<img src="путь до картинки" alt="" slass="ny" />

Вот и всё!