.artworks_gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-column-gap: 20px;
grid-row-gap: 20px;
}

.artwork {
background-size: contain;
height: 200px;
background-repeat: no-repeat;
background-position: center center;
border: white 1px solid;
}

.artwork_details_hover {
  position: absolute;
  opacity: 0;
  top: 0;
  padding: 10px;
}

.artwork_details_hover .title, .artwork_details_hover .year, .artwork_details_hover .medium, .artwork_details_hover .dimensions {
  display: block;
  color: white;
}

.artwork_link_container {
  position: relative;
}

.artwork_link_container:hover .artwork_details_hover {
  opacity: 1;
}