Squarespace

Hi there, I manage to add a logo in my page description using this custom CSS: https://answers.squarespace.com/questions/23543/marquee-add-logo-to-first-index-image.html

But the image is overlapping the description. How can I move only the logo up or do something else to get a visual result similar to this: http://www.johannesleonardo.com/ (Adidas original is never finished)

Here's my site: https://ronaldo-tavares-bmtl.squarespace.com/portfolio/
(to access just click VISITOR and type the code it gives you)

I have used a Squarespace template to create a website. I need to modify it so that the logo on the top changes with every page. Does anyone have experience doing this?

I'm new to web design, and am using a Squarespace template. On my homepage I have a slideshow, and I am trying to ease the transitions between slides by inserting some snippet of CSS code. I found this page that shows a couple options. I used this snippet:

.slide {
  -webkit-transition: opacity 2000ms ease-in-out;
     -moz-transition: opacity 2000ms ease-in-out;
       -o-transition: opacity 2000ms ease-in-out;
          transition: opacity 2000ms ease-in-out;