<img src="image.jpg" style="top:---%; left:---%">
<!-- if you put "top" to an higher %, the image will be
more down. exemple :-->
<img src="romuald.png" style="top:03%; left:80%">
<!-- my image will be up and in the right corner -->.image{
position: absolute;
right:300px;
}The types of positioning in CSS are-
1)static: this is the default value.
2)sticky: the element is positioned based on the user's scroll position.
3)fixed: the element is positioned related to the browser window.
4)relative: the element is positioned relative to its normal position.
5)absolute: the element is positioned absolutely to its first positioned parent.image in the center of the block.
img{
object-fit: none;
object-position: center center; // or 50% 50%
}