Coder Wrap provides free to use snippets

/**Typeo CSS **/
.cw-effect {
    display: flex;
    flex-flow: row wrap;
 max-width: 800px;
margin:auto;
}

.cw-effect .cw-effect-item {
    max-width: 48%;
    width: 100%;
	margin:20px 1%;
	text-align:center
}
@media (max-width: 1000px) {
	.cw-effect .cw-effect-item {
    max-width: 100%;
    width: 100%;
	margin:20px 0;
	text-align:center
}
}
/**Typeo CSS **/
/**Grayscale Effect CSS **/
.cw-effect .cw-grayscale-img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
/**Grayscale Effect CSS **/
/**Blur Effect CSS **/
.cw-effect .cw-blur-img {
  -webkit-filter: blur(8px); /* Safari 6.0 - 9.0 */
  filter: blur(8px);
}
/**Blur Effect CSS **/