Размещение значка поверх изображения или видео

Проблема:
Вам необходимо разместить значок поверх изображение или видео, выравнивая его по левому нижнему углу. При нажатии на значок должен появиться запрос на загрузку изображения.

Решение:
Чтобы добиться желаемого позиционирования, вам необходимо создать относительный контейнер вокруг изображения. Затем установите абсолютное положение значка. Вот пример кода:

.container {
  position: relative;
}

.container img {
  display: block;
}

.container .fa-download {
  position: absolute;
  bottom: 0;
  left: 0;
}

Bootstrap 3 Font-Awesome:
Да, тот же метод работает для Bootstrap 3 Font-Awesome. Замените версию Font Awesome в приведенном выше коде на следующую: