body{background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0)
  ), url("case.png")
}

body{
  font-size: 30px ;
  text-align:center;
  font-family: Courier New, monospace;
  background-color: white
}
span{
  background-color: white
}
.prix{
  font-size:45px;
  text-align:center;
  font-family: Courier New, monospace;
  background-color: white
}

.monpanier{
  font-size:45px;
  text-align:right;
  font-family: Courier New, monospace;
  background-color: white
}

.conteneur-flex{
  background-color: transparent;
  display: flex;
  flex-wrap: wrap;
  margin:1%;
  padding: 1%;
  font-size: 45px
}
.article-flex {
  background-color: transparent;
  flex: 1 1 150px;
  margin: 5px;
  transition-duration: 1s;
  transition-delay: 1s;
  font-size: 45px
}

.article-flex:hover {
  flex:10 1 200px;
  background-color: transparent;
  transition-duration: 1s;
  transition-delay: 0s;
  font-size: 45px
}

.article-flex-deux {
  background-color:transparent;
  flex: 2 1 150px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin : 5px;
  transition-duration: 1s;
  transition-delay: 1s;
  font-size: 45px
}

.article-flex-deux:hover{
  transform: scale(2,2);
  transition-duration: 1s;
  transition-delay: 0s;
  font-size: 45px
}