@charset "utf-8";
/* CSS Document */

.dcontainer-all{
  width: 100%;
  margin: 0 auto;
  height: auto;
}
.dcontainer{
  width:23%;
  overflow:hidden;
  height:fit-content;
  margin:1%;
  padding:0;
  display:block;
  position:relative;
  float:left;
}
.dcontainer img{
  width: 100%;
  transition-duration: .3s;
  max-width: 100%;
  display:block;
  overflow:hidden;
  cursor:pointer;
}
.dcontainer:hover img{
  transform: scale(1.2);
  transition-duration: .3s;
  filter: grayscale(50%);
  opacity: .7;
}
.dcontainer:hover span{
  color:white;
  display: block;
  transition-duration: .3s;
}
@media only screen and (max-width: 900px) {
    .dcontainer {
        width: calc(50% - 10px);
    }
}
@media only screen and (max-width: 768px) {
    .dcontainer {
        width: 98%;
    }
}