Only show an element on two section, but hide for the rest (tricky one!)

Hey guys! I have added in a rotating logo into the home page (1st section) as you can see, I really only want it to show until it hits section [data-section-id="63c34a24835aab7f4dbded6a"] (third section down)  and not show again for the entire page.

Is there a way I can target my CSS for this rotating image?

Here is the css for the rotation(Who I kindly got from https://www.youtube.com/watch?v=_s3Po1IJm8Q: 

#block-yui_3_17_2_1_1674080794048_5699 {
  width:10vw;
  z-index: 10;
  position: fixed;
  top:32%;
  right: 6%;
  bottom: 1%;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  #block-yui_3_17_2_1_1674080794048_5699{
    display:none !important;
  } 
}
 

thank you! 

Hi,

What is your site url?

Hi Tuanphan!

www.byapril.co 

at the minute for this element I have turned off the CSS that has it scroll with the page just as an FYI 🙂