I am trying to make my background/foreground clouds of my scene have a parallax scroll effect for a game I am trying to make. The issue I am having with it is I am getting this pop in effect when it seems to reach its width bounds. I have searched and messed with settings based off on similar posts but I haven't been able to fix it. I recorded a small clip of it to show what it looks like (basically happens at the 10 second mark but I shortened it in the gif to save peoples time).
Gif of pop in - https://imgur.com/0IWiPty
This is my project settings / window settings - https://imgur.com/9H14qto
Foreground Clouds Sprite Settings - https://imgur.com/pXRFp7L
Background Clouds Sprite Settings - https://imgur.com/PnjF8mM
Background Clouds Import Settings - https://imgur.com/LveSMdX
Foregrounds Clouds Import Settings - https://imgur.com/Yab4FY5
Script example:
extends ParallaxLayer
export(float) var CLOUD_SPEED = -15
func _process(delta) -> void:
self.motion_offset.x += CLOUD_SPEED * delta
This is from BitBrains Parallax Background Tutorial.
Any help would be appreciated.