#work1{
  /* background-image: url(../img/thumbnails/work1.png);
  background-size: auto 150%; */
  background-image: url(../img/thumbnails/_work1_3.png);
  background-size: 100% auto;
  /* background-position: 30% 0; */
  background-position: 70%;
  background-repeat: no-repeat;
  transition: .3s;
  color: black;
}
#work1:hover{
  /* background-color:rgba(255,255,255,0.8); */
  /* background-blend-mode:lighten; */
  /* background-size: auto 153%; */
  background-size: 102% auto;
  opacity: .85;
}
#work2{
  background-image: url(../img/thumbnails/work2.png);
  background-size: 101% auto;
  background-position: 90%;
  background-repeat: no-repeat;
  transition: .3s;
  color: black;
}
#work2:hover{
  background-size: 104% auto;
  opacity: .85;
}
#work3{
  background-image: url(../img/thumbnails/work3.png);
  background-size: 70% auto;
  background-position: 90%;
  background-repeat: no-repeat;
  color: black;
  transition: .3s;
}
#work3:hover{
  background-size: 74% auto;
  opacity: .85;
}
#work4{
  background-image: url(../img/thumbnails/work4.png);
  background-color: #fcfcfc;
  background-size: 70% auto;
  background-position: 90%;
  background-repeat: no-repeat;
  color: black;
  transition: .3s;
}
#work4:hover{
  background-size: 73% auto;
  opacity: .85;
}
#work5{
  background-image: url(../img/thumbnails/work5.jpg);
  background-size: 101% auto;
  background-position: 90%;
  background-repeat: no-repeat;
  transition: .3s;
  color: white;
}
#work5:hover{
  background-size: 104% auto;
  opacity: .85;
}
#work6{
  background-image: url(../img/thumbnails/work6_3.png);
  background-size: 101% auto;
  background-position: 90%;
  background-repeat: no-repeat;
  transition: .3s;
  color: white;
}
#work6:hover{
  background-size: 104% auto;
  opacity: .85;
}
#work7{
  background-image: url(../img/thumbnails/work8_tenki.jpg);
  background-size: 101% auto;
  background-size: auto 101%;
  background-position: 90%;
  background-repeat: no-repeat;
  color: black;
  transition: .3s;
}
#work7:hover{
  background-size: 104% auto;
  background-size: auto 103%;
  opacity: .85;
}

#work8{
  background-image: url(../img/thumbnails/work8.png);
  background-size: 101% auto;
  background-position: 90%;
  background-repeat: no-repeat;
  color: black;
}
#work8:hover{
  background-size: 104% auto;
  opacity: .85;
  transition: .3s;
}
#work9{
  /* background-image: url(../img/thumbnails/work8_5cm.jpg);
  background-size: 101% auto;
  background-size: auto 101%;
  background-position: 90%;
  background-repeat: no-repeat; */
  /* transition: .3s; */
  color: black;
}
#work9:hover{
  /* background-size: 104% auto; */
  opacity: .85;
}
#work10{
  background-image: url(../img/thumbnails/work5.png);
  background-size: 101% auto;
  background-position: 90%;
  background-repeat: no-repeat;
  color: white;
}
#work10:hover{
  background-size: 104% auto;
  opacity: .85;
  transition: .3s;
}

#work99{
  color: black;
}
#work99:hover{
  /* background-size: 101% auto; */
  opacity: .85;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  #work1{
    background-image: url(../img/thumbnails/_work1_4.png);
    background-size: auto 100%;
    background-position: -30vw;
  }
  #work1:hover{
    background-size: auto 103%;
  }
  #work2{
    /* background-image: url(../img/thumbnails/work2.png); */
    background-position: 18vw;
  }
  #work8{
    display: none;
  }
}