body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#cardContainer {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 10px;
    
    border-radius: 5px;
    padding: 20px;
}

.card {
  border: 2px solid black; /* just to see the wrapper */    
  background: lightblue;
  margin: 5px;
  width: 150px;  
  height: 150px; 
  cursor: pointer; 
}

img {
  width: 150px;   
  height: 150px;  
  object-fit: cover; 
}

.display img {
  visibility: hidden;
}