Posicionando um ícone sobre uma imagem ou vídeo

Problema:
Você precisa posicionar um ícone sobre uma imagem ou vídeo, alinhando-o ao canto inferior esquerdo. Quando clicado, o ícone deve acionar um prompt de download da imagem.

Solução:
Para obter o posicionamento desejado, você precisa criar um contêiner relativo ao redor da imagem. Em seguida, defina a posição do ícone como absoluta. Aqui está um exemplo de código:

.container {
  position: relative;
}

.container img {
  display: block;
}

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

Bootstrap 3 Font-Awesome:
Sim, o mesmo método funciona para Bootstrap 3 Font-Awesome. Substitua a versão Font Awesome no código acima pelo seguinte: