body{
     background-color:Lightgray;
 }
img:hover{
    border-style:solid;
    margin:auto;
    padding:25px;
    visibility: visible;
    filter: grayscale(100%);

}
img {
    height: 300px;  
    transition: height 2s, filter 1s;
}
img.interactive-image:hover {
    height: 310px;
    filter: brightness(150%);
}
.filtered-image{
    animation: InvertFilter 2s forwards;
}
@keyframes InvertFilter {
    from {
        filter: invert(0%);
    }
    
    to {
        filter: invert(100%);
    }
}
.header{
    border-style:solid;
    background-color:#00CED1;
}
.him{
    background-color:#00CED1;
}
.it{
    background-color:pink;
}
.me{
    background-color:pink;
}
.two{
        background-color:pink;
}
.three{
    background-color:MediumSeaGreen;
}
.one{
    background-color:MediumSeaGreen;
}