Using svg as a background image, need hover only actived on the SVG area
I’m a beginner on svg, implemented the SVG on my html element like this: <div class="temporal"></div> And I created css class: .temporal{ position: absolute; top: 20px; left: 30px; width: 130px; height: 150px; background-image: url('/assets/temporal.svg'); background-size: contain; background-repeat: no-repeat; z-index: 10; background-color: aliceblue; } .temporal:hover { opacity: 0.5; filter: brightness(0.8); } My goal is to detect