How to position an image to the side of my web page?

Hi,

I am trying to position a graphic of a half logo to the edge of a web page within a section on a squarespace site. 
Does anyone know how to position and size it, and keep it in the same position and scale on various screen sizes?
I have attached a screenshot of the design.

Any help would be appreciated.

Thanks
Michael 

Hey, would be good to get Your site link so we can check it.

Here is the site link 
https://teal-cheetah-5n6a.squarespace.com/

20 hours ago, michaelgsloane said:

Here is the site link 
https://teal-cheetah-5n6a.squarespace.com/

Add to Design > Custom CSS

@media screen and (min-width:992px) {
[data-section-id="61ab54b9347aed563af7ce1c"]:after {
    content: "";
    background-image: url(https://cdn.pixabay.com/photo/2021/10/09/05/33/cosmos-6693008__480.jpg);
    width: 100px;
    height: 350px;
    position: absolute;
    right: 0;
}}

4 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (min-width:992px) {
[data-section-id="61ab54b9347aed563af7ce1c"]:after {
    content: "";
    background-image: url(https://cdn.pixabay.com/photo/2021/10/09/05/33/cosmos-6693008__480.jpg);
    width: 100px;
    height: 350px;
    position: absolute;
    right: 0;
}}

Thanks for that. But it still isn't working for me. See screenshot attached.
I see that in the code you have a url background image. How do I swap that with the half symbol?

Thanks 
Michael 

23 hours ago, michaelgsloane said:

 

You can replace it with symbol image url

8 minutes ago, tuanphan said:

You can replace it with symbol image url

Thanks, but that is still not working. The symbol has disappeared. Maybe I put the code in wrong?

Attached is a screenshot of the custom css.

Thanks again I appreciate the help

Try pasting image url on browser address bar, to see if the image file exist or not.

28 minutes ago, tuanphan said:

Try pasting image url on browser address bar, to see if the image file exist or not.

Yeah it appears when I paste the url into the browser. So it exists. 

On 1/28/2022 at 4:08 PM, michaelgsloane said:

Yeah it appears when I paste the url into the browser. So it exists. 

Try remove left space inside image

On 1/29/2022 at 11:02 PM, tuanphan said:

Try remove left space inside image

That didn't change anything.

On 1/31/2022 at 10:34 PM, michaelgsloane said:

That didn't change anything.

then change your code to this

@media screen and (min-width: 992px) {
    [data-section-id="61ab54b9347aed563af7ce1c"]:after {
        content:"";
        background-image: url(https://static1.squarespace.com/static/61ab4911428d796084f9a2fc/t/61f7ffc196c7247e6b8c731f/1643642817112/Icon_Half-08.png);
        width: 100px;
        height: 100%;
        position: absolute;
        right: 0;
        background-size: cover;
    }
}