@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

#gallery
{
  /*background-color: #b3d4fc;*/

  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.galleryItem
{
  position: relative;
  /*background-color: darkkhaki;*/
  width: 14rem;
  height: 14rem;
  overflow: hidden;
  border-radius: 1rem;
  /*box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.8);*/
  box-shadow: rgba(0, 0, 0, 0.4) 0 0.2rem 0.4rem, rgba(0, 0, 0, 0.3) 0 0.7rem 1.3rem -0.3rem, rgba(0, 0, 0, 0.2) 0 -0.3rem 0 inset;
}

.galleryItem img
{
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}