JSFiddle - React, Tailwind, and code Playground

CSS

body {
	position: relative;
}

.image-wrapper {
	position: absolute;
	transform: translate(-50%, -50%);
    opacity: 1;
}

.image-wrapper.fade-out {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

JavaScript

$(function(){
	var fadeDelay = 1000;
	var fadeDuration = 1000;
    $(document).click(function(e){
		var div = $('<div class="image-wrapper">')
			.css({
				"left": e.pageX + 'px',
				"top": e.pageY + 'px'
			})
			.append($('<img src="" alt="myimage" />'))
			.appendTo(document.body);
				
		setTimeout(function() {
			div.addClass('fade-out');			
			setTimeout(function() { div.remove(); }, fadeDuration);
		}, fadeDelay);
    });
});