如何将背景从父方块扩展到圆形子元素？

Question

我有一个模式需要在element1到element2之间重复，而不会让用户注意到转换。基本上我需要将element1和element2混合在一起，任何想法如何解决这个问题？ 我正在考虑使用javascript和计算背景偏移量，但我认为它有一些更好的方式可能包括css也许svg，tbh我正在寻找有人推动我正确的方向。 基本上我有pic 1，需要从html中控制pic2才能做出响应。元素1横跨屏幕，具有固定高度但宽度可变，元素2位于固定位置。具有固定的高度和宽度。