small effect. experimental stuff. proceed with caution.

twitter.css

/*transition top is kinda redundant*/

.AdaptiveMedia-singlePhoto img {
    transition: all 1s ease;
}
.AdaptiveMedia.is-square,
.AdaptiveMedia.is-square .AdaptiveMedia-videoPreview,
img {
    transition: all 1s ease;
    transition: top 1s e1ase!important;
}
.AdaptiveMedia.is-square,
.AdaptiveMedia.is-square .AdaptiveMedia-videoPreview {
    max-height: 50vh;
}
.AdaptiveMedia.is-square:hover,
.AdaptiveMedia.is-square:hover .AdaptiveMedia-videoPreview {
    max-height: 100vh;
}
img:hover {
    top: 0px!important;
}
.AdaptiveMedia-photoContainer {
    background-color: #fff!important;
}
/*blur focus when clicking on a tweet (chrome with experimetal web platform only)*/

.PermalinkOverlay-with-background {
    backdrop-filter: blur(5px) saturate(180%);
}
/*blurred user bar (same requirement as above)*/

.ProfileCanopy-navBar {
    background-color: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(20px) saturate(180%);
}
.ProfileNav-item--userActions {
    background-color: rgba(255, 255, 255, 0);
}