I'm trying to put a div over the container of a div that has an image, I want the blue box to be positioned on the dotted part of the image to the right at the letter "T":
<div class="container">
<div >
<img src="https://upload.wikimedia.org/wikipedia/commons/1/11/Test-Logo.svg" alt="Workplace" style="position:relative;">
<div style="border: solid 2px blue; width:10%; height:40%; position:absolute;"></div>
</div
I tried to do as close as possible to what you indicate in your image:
You can modify it to your liking in this project that I have prepared.