.container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-auto-rows: 200px;
    grid-gap: 10px;
    grid-auto-flow: dense;
  }

  .container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
 }

 .container div {
    position: relative;
    border-color: rgb(211, 223, 105);
	border-style: ridge;
    text-align: center;
 }

 .container div a h1 {
    position: absolute;
    font-size: 1vw;
    right: 0%;
    bottom: 0%;
    left: 0%;
 }

 .horizontal{
    grid-column: span 2;
}

.vertical {
    grid-row: span 2;
}

.big{
    grid-column: span 2;
    grid-row: span 2;
}