* {
 padding: 0;
 margin: 0;
 box-sizing: border-box;
}

body {
 font-family: ubuntu, arial;
 overflow-x: hidden;
}

.gallery {
 position: relative;
 min-height: 100vh;
}

.gallery .title {
 position: absolute;
 top: 95%;
 left: 5%;
 transform: rotate(-90deg);
 transform-origin: 0 0;
}

.gallery h1 {
 font-size: 40px;
 color: white;
 background-color: #0fd66f;
 padding: 10px 20px;
 margin-bottom: 15px;
}

.gallery .images {
 display: flex;
 /* flex-direction: row; */
 flex-wrap: wrap;
 align-content: space-around;
 justify-content: center;
 position: absolute;
 top: 5%;
 right: 5%;
 height: 540vh;
 /* height: 200vh;*/
/* bottom: 5%;
 left: 25%;  */
 /* height: 90%; */
 width: 60%; 
 /* background-color: gray */
}

.gallery a {
 position: relative;
 overflow: hidden;
 flex-basis: calc(50% - 40px);
 /* flex-grow: 1; */
 height: 8%;
 /*height: 20%;  */
 margin: 0 20px;
 background-color: black;
 box-shadow: 0 0 3px 3px gray;
}

img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 min-width: 100%; 
 min-height: 100%;
}