#zdjenciabox{
    display: flex;
    flex-direction: row;
}
#zdjenciabox > section > img{
    width: 10vw;
    margin: 0px 5px 0px 5px;
    transition: all 1s;
}
p{
    text-align:center;
}
.code > p{
    text-align: left;
}
.code > :nth-child(2){
    padding-left: 20px;
}
.code > :nth-child(3){
    padding-left: 20px;
}
#blur:hover{
    filter:blur(5px) ;
    transition: all 1s;
}
#brightness:hover{
    filter:brightness(0.4) ;
    transition: filter 1s;
}
#contrast:hover{
    filter:contrast(300%) ;
    transition: filter 1s;
}
#grayscale:hover{
    filter:grayscale(100%) ;
    transition: filter 1s;
}
#sepia:hover{
    filter:sepia(100%) ;
    transition: filter 1s;
}
#playground > h4:hover{
    color: red;
    filter:hue-rotate(1440deg);
    transition: filter 10s linear;
}