.grid-item {
  width: 240px;
  margin-bottom: 10px;
  padding: 5px;
  box-sizing: border-box;
  height: 200px;
  transition: 0.22s all; }

.grid {
  margin: 0 auto;
  transition: 0.2s all; }

.grid-item--tall3 {
  height: 300px; }

.grid-item--tall4 {
  height: 400px; }

.grid-item--width2 {
  background-color: #81d4fa;
  width: 490px; }

.grid-item--image {
  width: fit-content;
  height: fit-content; }

@media (max-width: 575px) {
  .grid-item--width2 {
    width: 100%; } }
.blur-me {
  filter: grayscale(20%) blur(0.7px) brightness(94%);
  opacity: 0.8;
  box-shadow: none; }

.grid:hover .grid-item:hover {
  filter: blur(0px);
  opacity: 1; }
  .grid:hover .grid-item:hover > img {
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.25)); }

/*# sourceMappingURL=masonry.css.map */