Bug Bounties

How to attach an image to another html element?

I have a mat-card in the center of my page. An img is now placed behind the mat-card, in the right top corner. This is the current html-part: <main class="site-content"> <img class="Logo" src="assets/YappLogo.png" alt="Logo"> <mat-card> ... </mat-card> </main> This is the current css-part: .site-content { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: end; min-height: 100vh; } img { position: absolute; top: 0px; right: 270px; width: 20%; height: auto; } The current output is correct, but I want the image to stay in the same position as I change the size of the window. How do I do this?