body {
	padding-left: 5%;
	padding-right: 5%;
	background-color: #806443;
}

.foto:hover img {
        transform: scale(1.15);
}

.foto img {
		transition: 0.3s;
}

.foto {
	overflow: hidden;
	position: relative;
   display: block;
}

.container {
  display: flex; /* or inline-flex */
  flex-wrap: wrap;
}



.foto .popisek{
        position: absolute;
        width: 100%;
        bottom: 0;
        margin: 0;
        padding: 10px 15px;
        background-color: rgba(0, 0, 0, 0.3);
        transform: translateY(100%);
        transition: 0.7s;      
        box-sizing: border-box;  
}

.foto:hover .popisek {
	transform: translateY(0);
}