body{
  /* talvez vc precise usar o overflow: hidden; aqui, eu tirei para testes:)*/
  background-color: #FFC5D3;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100vh;
  margin:10px;
  font-family: 'Delius', cursive;
  font-weight: 400;
  font-style: normal;
}
h1 {
font-family:'Berkshire Swash', serif;
}
.copy{
  /*lil copyright inutil la embaixo so pra ficar bonito*/
 font-family: 'Berkshire Swash', serif;
 font-size: 14px;
}

a{
 color: black; 
}
.cartao-imagem {
  display: flex;
  align-items: center; 
  width: auto; 
  margin-top:50px;
}


.cartao-imagem img {
  gap: 15px;
  transition: transform 0.3s ease;
}
.card{
  position: absolute;
  z-index: 5;
}
.card img{
 margin-top: 50px;
 width: 250px;
 height:250px;
}
.photo{
  position: relative;
  z-index:6
}
.photo img{
 width: 220px;
 height: 185px;
}

.texto-hover {
  z-index: 10000;
  opacity: 0; 
  transition: all 0.4s ease; 
  font-family: Arial, sans-serif;
  color: #333;
}

.cartao-imagem:hover .texto-hover {
  opacity: 1; 
  transform: translateX(0); /* teste again */
}

.cartao-imagem:hover img {
  transform: scale(1.05); 
}