diff --git a/src/components/VideoFeed.vue b/src/components/VideoFeed.vue index 1f05ba0..b79ef11 100644 --- a/src/components/VideoFeed.vue +++ b/src/components/VideoFeed.vue @@ -206,6 +206,9 @@ video { width: 40%; height: 40%; opacity: 0.02; + animation-name: subtle-pulsate; + animation-duration: 10s; + animation-iteration-count: infinite; } .corner-watermark { position: absolute; @@ -219,4 +222,11 @@ video { .invert-color { filter: invert(100%); } + +/* Animate the primary watermark to pulsate in opacity */ +@keyframes subtle-pulsate { + 0% { opacity: 0.02; } + 50% { opacity: 0.04; } + 100% { opacity: 0.02; } +}