Hi taunphan, thanks for answering. To answer your question, I don't need to place an image in the section in question using css, the problem is I used css to place a background image for the top section of mobile that is oriented differently than the PC image though they look a lot alike, and i added "do not repeat" and the end of the code but that top image is repeating in the 3rd section from the top as you can see in the images i provided. Here is the code i used for adding background image to top section----
@media only screen and (max-width:640px){.section-background img {opacity:0}
.section-background {background-image:url(https://static1.squarespace.com/static/6122430dfca2354fa4e79253/t/6228c5f4a5db4603b9682fe5/1646839285875/MOBILE+BG+PLACEHOLDER.jpg);background-size:cover;background-position:center;
background-repeat:no-repeat;}}
I'm aslo hiding sections from pc view, not sure if this is causing the problem but here is that code---
// Hiding and showing sections @media screen and (max-width: 641px) {
section[data-section-id="612253bcf20b113b3568e06a"] {
display:none !important;
}
}
@media screen and (min-width: 641px) {
section[data-section-id="6228d921d9320814c9ac2b40"] {
display:none !important;
}
}