Estoy tratando de poner un bloque con sombra en la parte inferior de un POST de un BLOG, pero solo he conseguido esto:

[![sombra arriba][1]][1]




    .content-area .format-gallery .post-thumbnail:before,
    .content-area .format-image .post-thumbnail:before {
	background: #000;
	content: "";
	display: block;
	height: 75%;
	left: 0;
	opacity: 0.4;
	top: 0;
	width: 100%;
	z-index: -1
}


este es el código que llevo, lo que necesito es que quede ubicado en la parte inferior... (algo como gravity bottom en xml)

  [1]: https://i.sstatic.net/eCIy6.png