Image and marquee scroll overlap + marquee full width

Hi! 

Would anyone know the code to do the following on my site: https://www.susiesaltzman.com/about

1. make the image go on top of the scrolling marquee

2. make marquee full width

Here's a reference of how I want it to look:


 

Add to Design > Custom CSS

section#about-susie>div {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width:901px) {
    div#block-yui_3_17_2_1_1687657911292_3269 {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    z-index: 9999;
}
}

Thank you so much! I appreciate all your help!
https://www.susiesaltzman.com/about

I have a couple questions: 

• How do I place the image over the text? Currently, the text is over the image 
• Is there a way to make the marquee full width where it spans from one end of the screen to another? Right now the site margins are cutting off the text a little early 😅

For mobile

• I'd like to make the text static and position the paragraph in center alignment with padding on both sides, kinda like this 🙂
• 

Desktop

Remove code I sent & use this new code

section#about-susie>div {
    padding-left: 0;
    padding-right: 0;
}
div#block-yui_3_17_2_1_1687701279148_3882 {
    position: relative;
    z-index: 99999999999;
}
@media screen and (min-width:901px) {
    div#block-yui_3_17_2_1_1687657911292_3269 {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    z-index: 9999;
padding: 0px !important;
}
}

Mobile

You can add text under image, we can give code to hide it on desktop, I think this is easiest way.

I've just added the text under image 🙂

Can you kindly share the code to hide the following: 
- marquee on mobile
- additional text on desktop

Also
- code for setting the paragraph to center alignment and increasing the side margins on mobile view 🙂

- how to set the marquee to full width? 

It looks like you have a syntax error on CSS box so some (or all) CSS didn't work. You try checking again

If you can't find error, you can paste all code here, we can check easier

On 6/27/2023 at 11:48 PM, tuanphan said:

It looks like you have a syntax error on CSS box so some (or all) CSS didn't work. You try checking again

If you can't find error, you can paste all code here, we can check easier

Hi @tuanphan! I think I managed to fix the syntax error. 

Although I'm still needing help with the following (as mentioned above)

Can you kindly share the code to hide the following: 
- marquee on mobile
- additional text on desktop

Also
- code for setting the paragraph to center alignment and increasing the side margins on mobile view 🙂
- how to set the marquee to full width? 

Here's the link to the site: https://www.susiesaltzman.com/about


Aside from that, may I also ask how to place the image on top of both sections? 
This one is on this page: https://www.susiesaltzman.com/new-home



Thank you so much and I appreciate all your help!

I see you solved additional text

To hide scroll on mobile, use this CSS

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1687657911292_3269 {
    display: none;
}
section#about-susie .html-block {
    padding-left: 30px;
    padding-right: 30px;
}
}

Thank you! I can't seem to change the color of "Susie Saltzman"

It's currently just gray but would love it to be #50332e

Can you kindly help? @tuanphan