.flip-card {
  background-color: transparent;
  perspective: 1000px;

}
.flip-card-inner {
  display: grid;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.letter-edit, .flip-card-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  grid-column: 1;
  grid-row: 1;
}

.flip-card-back {
  border: 1px solid black;
  transform: rotateY(180deg);
}
/*@media (max-width: 500px) {
  .row {
    width: 100%;
  }

  .flip-card-back, .letter-edit {
    font-size: 38px;
    width: 75px;
    height:75px;
}
}
*/