JSFiddle - React, Tailwind, and code Playground

HTML

<div id="kotak">
	<div id=sepia></div>
</div>

CSS

#kotak { height:450px;}
#sepia { 
  margin: 20px auto;
  border: 25px solid #e3e4d3;
  -webkit-transition: 3s box-shadow ease-in; 
  -moz-transition: 3s box-shadow ease-in; 
  -o-transition: 3s box-shadow ease-in; 
  transition: 3s box-shadow ease-in; 
  box-shadow: 0 0 200px 200px rgba(29,25,4,1) inset, 0 0 3px 6px rgba(0,0,0,0.07);
  width: 804px; height: 486px;/*pakai ukuran gambar kalian*/
  background-image:url(dumet.jpg);/*pakai gambar sendiri, pastikan foldernya benar*/
  -webkit-filter: sepia(50%); 
  -o-filter: sepia(50%); 
  -ms-filter: sepia(50%); 
  -moz-filter: sepia(50%); 
  filter: sepia(50%); 
}
#sepia:hover { 
  box-shadow: 0 0 100px 0 rgba(29,25,4,0.8) inset, 0 0 3px 6px rgba(0,0,0,0.07); 
  -webkit-filter: sepia(50%); 
  -o-filter: sepia(50%); 
  -ms-filter: sepia(50%); 
  -moz-filter: sepia(50%); 
  filter: sepia(50%);
}