Center text over image

.container {
position:relative;
}

.absolute-center {
position: absolute;
left: 50%; /* horizontal alignment */
top: 50%; /* vertical alignment */
transform: translate(-50%, -50%); /* horizontal, vertical alignment fine tuning;
explanation: http://stackoverflow.com/q/36817249 */
}