JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Source</h2>
<img id="source" src="https://upload.wikimedia.org/wikipedia/commons/1/1e/Wikipedia-logo-v2-es.svg">
<h2 id="t2">Target (original)</h2>
<img id="target" src="https://upload.wikimedia.org/wikipedia/commons/1/1e/Wikipedia-logo-v2-es.svg">
<hr>
<button id="copy">
Copy Styles
</button>

CSS

#source{ 
filter: blur(50px);
filter: sepia(100%); 
filter: brightness(0.5);
background-color:#debca2;
}

JavaScript

var source = document.getElementById("source");
var target = document.getElementById("target");
var stylesComputed = window.getComputedStyle(source);
console.log(stylesComputed);


var copy = document.getElementById("copy");

copy.addEventListener("click", function(){
      var styles = "";
      for(let i = 0; i<stylesComputed.length-1; i++){
      styles += stylesComputed[i]+":"+stylesComputed[stylesComputed[i]]+"; ";
      }
      target.setAttribute("style", styles);
      
      document.getElementById("t2").innerHTML = "Target (copied)";
});