html - How can i set a product buying corner image on footer which will be scrollable

Question

I want to add a sticky image in my footer. I want to accomplish this using only html and css. Can anyone help me figure out how to do this?

here is the image - https://prnt.sc/whc1kq

also, here is my html and css code:

html- https://prnt.sc/whca7m

css- https://prnt.sc/whc528

thank you in advance

Answer 1

For aligning any image at bottom of the screen with sticky behaviour

.fixImage{
position: fixed;
bottom: 0;
right: 0;
}
<img src="yourimagepath" class="fixImage"/>

As per the requester query I have updated code with max-width: 250px

    .fixImage{
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 250px;
    }

<img src="https://placehold.it/412x413" class="fixImage"/>