.block-team{
  margin:20px 0;
}
.team-row{
  margin: 10px 0;
}
.block-team .flex-block{
  width: 47%;
  perspective: 1000px; 
}
.block-team .back-block{
  display: flex;
  align-items: end;
  padding: 3%;
  font-size: 1rem;
  line-height: 1;
  background-color: var(--ral-light-silver);color: var(--ral-dark);
  font-weight: 600;
  height: 101%;
}

.bg-color-a{background-color: var(--ral-gold);color: var(--ral-dark);}
.bg-color-b{background-color: var(--ral-dark);color: var(--ral-gold);}
.bg-color-c{background-color: var(--ral-light-gold);color: var(--ral-dark);}
.bg-color-d{background-color: var(--ral-light-silver);color: var(--ral-dark);}

.block-team .flex-content{
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-block-static{
    width: 47%;
    aspect-ratio: 1;
    position: relative;
    perspective: 10px;
    transform-style: preserve-3d;
    transition: transform 0.6s;
    background-size: cover;
    display: flex;
    align-items: center;
    padding: 2%;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
}
.static-block{word-spacing: 100vw;}

.block-team .front-block::after {
  content: "";
  position: absolute;
  font-family: monospace;
  bottom: 20px; /* ajusta a distância da borda inferior */
  right: 20px;  /* ajusta a distância da borda direita */
  font-size: 3rem; /* ajusta o tamanho do símbolo */
  color: var(--ral-dark); /* ou outra cor que desejar */
  background-image: url('../../../assets/imgs/gold-feature.png');
  background-size: cover;  /* ou cover, dependendo do caso */
  background-repeat: no-repeat;
  width: 60px;
  height: 6px;
}
.block-team .bg-color-b .front-block::after{
  color: var(--ral-gold);
}

@media (min-width: 768px) {
  .flex-block-static{
    width: 23%;
    font-size: 3rem;
  }
  .block-team .flex-content{    gap: 20px;}
  .block-team .flex-block{
    width: 23%;
    perspective: 1000px; 
  }
  .team-row{  margin: 20px 0;}
  .block-team .back-block{font-size: 2rem;}
}