body {
  
  background-image: url("bgwater3.jpg");  color: black;
  font-family: Verdana;
}

.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  background-image: b7.gif;
  transition: 0.3s;
  position: relative;
}

.container {
display:grid;
column-gap: 10px;
grid-template-columns: 20% 20% 20% 20% 20%;
object-fit: contain;
}

img {
  width: 200px;
  height: 300px;
  object-fit: contain;
}

.item1 {
  grid-row: 1 / span 2;
}