.image-mosaic {
  display: grid;
  gap: 0rem;
  /* gap: 2rem; */
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-auto-rows: 100px;
}

.card-mosaico {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #353535;
  font-size: 3rem;
  color: #fff;
  /* box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem; */
  height: 100%;
  width: 100%;
  transition: all 500ms;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
	
	/* -webkit-filter: grayscale(100%); */
	/* filter: grayscale(100%); */
  -webkit-filter: sepia(80%) brightness(80%) contrast(120%);
	filter: gray; /* IE */
}

.card-mosaico:hover {
  -webkit-filter: none;	
	filter: none;
  cursor: pointer;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  z-index: 5;
}

.pai {
  position: relative;
}

.primeiro {
  position: absolute;
  top: 8px;
  margin: 0 auto;
  width: 100%; /* Valor da Largura */
}