i suck @ coding i need help

blog entry #2

okay let's get straight to the point... how do i make the character (the moving gif one w/ thick eyebrows) on my website a bit smaller ????? like what code do i put... i tried "width" but it just moves the object to the left idk

this is the current code for it btw:

main:before {

content: url('https://media.giphy.com/media/BuNGhfgf3MdmsybmJt/giphy.gif'); 
        width: 175px;
        position: fixed;
        bottom: 0;
        right: 0;
        transform: translateX(-3vw) translateY(-6vh);
        pointer-events: none;
}

i hope someone can help TT thank you in advance !