css optimizing

src/timelines/toot.module.css

@@ -4,6 +4,7 @@
   --toot-avatar-size: 40px;
   margin-block: 0;
   position: relative;
+  contain: content;
 
   &.toot {
     /* fix composition ordering: I think the css module processor should aware the overriding and behaves, but no */
@@ -122,6 +123,7 @@
   overflow: hidden;
   z-index: 1;
   position: relative;
+  contain: content;
 
   >img {
     max-width: 100%;
@@ -240,6 +242,7 @@
     border-radius: 2px;
     border: 1px solid var(--tutu-color-surface-d);
     transition: outline-width 60ms var(--tutu-anim-curve-std), border-color 60ms var(--tutu-anim-curve-std);
+    contain: strict;
 
     &:hover,
     &:focus-visible {