.blend1 img:first-child{
    position: absolute;
    mix-blend-mode: hard-light;
}

.blend1 img{
    width: 75%;
    margin: 1rem;
}

.blend2 img:first-child{
    position: absolute;
    mix-blend-mode: hard-light;
}

.blend2 img{
    width: 75%;
    margin: 1rem;
}

.inset{
    float: right;
  shape-outside: inset(75px);
  clip-path: inset(75px);
  width: 450px;
  height: 300px;
  background: linear-gradient(#58C2ED, #dc1b1b);
}

.lorem{
    max-width: 1400px;
    margin: 2rem;
}

body{
    text-align: center;
    background-color: cyan;
}

.filters{
    display: block;
    margin-top: 5rem;
    text-align: center;
}

img{
    margin: auto;
    margin-top: 2rem;
    width: 50%;
    height: auto;
}

.filters img{
    margin: 1rem;
    width: 50%;
    height: auto;

}

.hue:hover {
    filter: hue-rotate(200deg);
}

.gray:hover {
    filter: grayscale(100%);
}

.drop:hover {
    filter: drop-shadow(15px 8px 10px purple);
}

.mess:hover {
    filter: blur(5px) brightness(20%) contrast(50%) drop-shadow(5px 5px 10px orange) grayscale(10%) hue-rotate(60deg) invert(20%) opacity(100%) saturate(30%) sepia(15%);
}

.mask{
    max-width: 700px;
}