.values-img {
  width: 100%;
  position: relative;
  max-width: 674px;
  max-height: 470px;
}

.square {
  position: relative;
}

 #carre {
  z-index: 1;
  width: 72px;
  position: relative;
}

.number {
  z-index: 2;
  position: absolute;
  top: 19px;
  left: 29px;
}

.titree {
  font-size: 28px;
  font-family: "GilroyExtraBold";
}

.text2values{
  display: none;
}
.text1values{
  display: block;
}

@media only screen and (max-width: 767px) {
  .values-img {
    margin-top: 20px;
  }
  .valuestitle{
    text-align: center;
    line-height: 1.2;
  }
  .text2values{
    display:block;
    margin-bottom: 0px;
    text-align: center;
  }
  .text1values{
    display: none;
  }
  .firsttextvalues{
    text-align: center;
    margin-bottom: 0px;
  }
}