How to disable the links in the empty space

Here the image having the link for redirecting to login page and if we given the image as display none the image will go but the link will active any time for by using the pointer property we need to create a new class for after login condition we can solve that issue

<div class="profile-logo">
					<a class="header-profile-login-link{{#if isNotLoggedIn}} {{else}} isLogin{{/if}}" data-touchpoint="login" data-hashtag="login-register" href="#">
						{{#if isNotLoggedIn}}
						<img class="profileImagmobile"
							src="{{getThemeAssetsPathWithDefault image 'img/Profile Icons.svg'}}"
							alt="Profile">
							{{/if}}
					</a>
				</div>

a.isLogin {
    pointer-events: none;
    cursor: default;

}