@media screen and (max-width: 350px) and (min-width: 0px) {
 #mycss {

 transition-duration: 0.9s;
 filter: grayscale(100%);
 }
 #mycss:hover {

 transform: scale(1.3);
}
}
@media screen and (max-width: 420px) and (min-width: 350px) {
 #mycss {
 transition-duration: 0.9s;
 filter: grayscale(100%);
 }
 #mycss:hover {

 transform: scale(1.3);
}
}
@media screen and (max-width: 500px) and (min-width: 420px) {
 #mycss {
 transition-duration: 0.9s;
 filter: grayscale(100%);
 }
 #mycss:hover {

 transform: scale(1.3);
}
}

@media screen and (max-width: 780px) and (min-width: 500px) {
 #mycss {
 transition-duration: 0.9s;
 filter: grayscale(100%);
 }
 #mycss:hover {

 transform: scale(1.3);
}
}
@media screen and (max-width: 960px) and (min-width: 780px) {
 #mycss {
 transition-duration: 0.9s;
 filter: grayscale(100%);
 }
 #mycss:hover {

 transform: scale(1.3);
}
}

@media screen and (max-width: 2500px) and (min-width: 960px) {
 #mycss {
 transition-duration: 0.9s;
 filter: grayscale(100%);
 }
 #mycss:hover {

 transform: scale(1.3);
}
}

div.desc {
 margin-right: 0%;

margin-top: 5%;
}
#mycss{
 transition-duration: 1s;
}

#mycss:hover {
 filter: grayscale(5%);
 transform: scale(1.3);
}