h1 {
  width:400px;
}

.gallery {
 display:normal;
}

#row01, #row02, #row3 {
  display:flex;
  margin:1em 0 -1em 0;
}

.piece34, .piece43, .piece11 {
  box-shadow: 0 0 3px skyblue;
  background-size:cover;
  margin:0.5em;
}

.piece34 {
  width:150px;
  height:200px;
  background-position: left 60% bottom 50%;
}

.piece43 {
  width:250px;
  height:200px;
  background-position: left 60% bottom 50%;
}

.piece11 {
  width:200px;
  height:200px;
  margin:0.5em;
  box-shadow: 0 0 3px skyblue;
}}

#box {
  height:10em;
  z-index:2;
}

.nav_art {
  width:38em;
  margin-left: -1em;
  display:flex;
  justify-content:  space-between;
  margin-top:-370px;
  z-index:3;
}

.dot_art {
  cursor: pointer;
  height: 100px;
  border-radius:1em;
  transition: 0.2s;
  box-shadow: 0 0 4px #7bb9df;
  z-index:3;
}

#prev_art:hover, #next_art:hover {
  background-color: white;
  transition:0.2s;
}

#prev_art {
  background-color: #ffb2ce;

}

#next_art {
  background-color:#dbffd9;
}