overlapping image in footer

Add to child theme stylesheet:

.colin img {
    bottom: 150px;
    position: relative;
    z-index: 20;
}

Hi Kjodle i tried this and it didnt work. i play ed with the code a bit and ended up having the image overlapping the page a bit but it is at the bottom of the page now and isnt aligned to the center

.colin img {
    position: absolute;
}

any assistance would be much appreciated

I also added some extra lines of code which now makes the image hover to the left however on different screen sizes he hovers in different positions.

.colin img {
	bottom: -260px;
   left:200px;
    position: absolute;
    z-index: 4;
}

how can he fixes him to the left edge of the page

@orangeblowfish

Try the code below and paste it at the end of your stylesheet

.colin{
position:absolute;
height:100px;
}
.colin img{position:absolute;
top:-110px;
left:10px

}
.colin .site-info{
position:relative;
left:350px;
}
#colophon {
    overflow: hidden;
    padding: 11px 0 52px;
    text-align: center;
}

@orangeblowfish

I have checked your website. It seems my code helped you. If your problem resolved please reply back. and mark the issue as resolved