.elementor-1493 .elementor-element.elementor-element-6543735{--display:flex;--min-height:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:1px 1px 1px 1px}.elementor-1493 .elementor-element.elementor-element-6543735:not(.elementor-motion-effects-element-type-background),.elementor-1493 .elementor-element.elementor-element-6543735>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#3D117E1F;background-image:url(https://enumlabs.net/wp-content/uploads/2026/06/Asset-1-1024x586.webp);background-position:center left;background-repeat:repeat-x;background-size:52% auto}.elementor-1493 .elementor-element.elementor-element-875fb5d .elementor-button{background-color:#081759;font-family:"Inter",Sans-serif;font-size:23px;font-weight:800;fill:#A700FF;color:#A700FF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFF;border-radius:8px 8px 8px 8px}body:not(.rtl) .elementor-1493 .elementor-element.elementor-element-875fb5d{left:33px}body.rtl .elementor-1493 .elementor-element.elementor-element-875fb5d{right:33px}.elementor-1493 .elementor-element.elementor-element-875fb5d{top:12px}.elementor-1493 .elementor-element.elementor-global-1444 .elementor-menu-cart__close-button,.elementor-1493 .elementor-element.elementor-global-1444 .elementor-menu-cart__close-button-custom{margin-right:auto}.elementor-1493 .elementor-element.elementor-global-1444{--main-alignment:right;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#FF02A4;--toggle-button-icon-color:#FFE9FA;--toggle-button-hover-text-color:#FFFAFA;--toggle-button-icon-hover-color:#FFFFFF;--toggle-icon-size:24px;--cart-background-color:#35147C;--cart-border-style:solid;--cart-border-radius:57px 57px 57px 57px;--cart-close-icon-size:30px;--cart-close-button-color:#FF0000;--remove-item-button-size:30px;--remove-item-button-color:#F62121;--menu-cart-subtotal-color:#FFFFFF;--product-price-color:#30DE93;--divider-color:#FF00F3;--subtotal-divider-color:#FF00F3;--divider-width:1px;--subtotal-divider-top-width:1px;--subtotal-divider-right-width:1px;--subtotal-divider-bottom-width:1px;--subtotal-divider-left-width:1px;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-background-color:#5582B0;--view-cart-button-hover-background-color:#E311B8;--checkout-button-background-color:#5582B0;--checkout-button-hover-background-color:#E311B8}.elementor-1493 .elementor-element.elementor-global-1444 .elementor-menu-cart__toggle .elementor-button{font-size:27px;letter-spacing:.6px}.elementor-1493 .elementor-element.elementor-global-1444 .elementor-menu-cart__subtotal{font-size:24px;font-weight:300}.elementor-1493 .elementor-element.elementor-global-1444 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0}.elementor-1493 .elementor-element.elementor-global-1444 .elementor-menu-cart__product-name a{font-size:20px;font-weight:500;color:#FFF}.elementor-1493 .elementor-element.elementor-global-1444 .elementor-menu-cart__product-price{font-size:19px;font-weight:500}.elementor-1493 .elementor-element.elementor-global-1444 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:10px 10px 10px 10px}.elementor-1493 .elementor-element.elementor-global-1444 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:10px 10px 10px 10px}.elementor-1493 .elementor-element.elementor-element-4b953cb{--display:flex;--overflow:hidden;--overlay-opacity:0.33;--overlay-mix-blend-mode:multiply}.elementor-1493 .elementor-element.elementor-element-4b953cb:not(.elementor-motion-effects-element-type-background),.elementor-1493 .elementor-element.elementor-element-4b953cb>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#fff0;background-image:radial-gradient(at center center,#B84812 57%,#2C0D46 96%)}.elementor-1493 .elementor-element.elementor-element-4b953cb::before,.elementor-1493 .elementor-element.elementor-element-4b953cb>.elementor-background-video-container::before,.elementor-1493 .elementor-element.elementor-element-4b953cb>.e-con-inner>.elementor-background-video-container::before,.elementor-1493 .elementor-element.elementor-element-4b953cb>.elementor-background-slideshow::before,.elementor-1493 .elementor-element.elementor-element-4b953cb>.e-con-inner>.elementor-background-slideshow::before,.elementor-1493 .elementor-element.elementor-element-4b953cb>.elementor-motion-effects-container>.elementor-motion-effects-layer::before{background-image:url(https://enumlabs.net/wp-content/uploads/2026/10/Pumpkin.jpg.webp);--background-overlay:'';background-position:center center;background-size:2600px auto}.elementor-1493 .elementor-element.elementor-element-4b953cb::before{filter:brightness(133%) contrast(131%) saturate(100%) blur(2.5px) hue-rotate(0deg)}.elementor-1493 .elementor-element.elementor-element-b53a85b{--grid-columns:3}:root{--page-title-display:none}@media(min-width:768px){.elementor-1493 .elementor-element.elementor-element-6543735{--width:100%}}@media(max-width:1024px){.elementor-1493 .elementor-element.elementor-element-b53a85b{--grid-columns:2}}@media(max-width:767px){.elementor-1493 .elementor-element.elementor-element-b53a85b{--grid-columns:1}}Custom CSS code for my background overlay picture on elementor to make it move randomy slowly from its already original position,You can make your Elementor background overlay picture move slowly and randomly in different directions while staying around its original position,creating a subtle floating/parallax effect. Elementor's Custom CSS supports this with CSS animations. Here's a smooth version you can use. 1. Add this custom CSS In Elementor,select the section or container with your background overlay image,then go to Advanced → Custom CSS and paste:.elementor-1493 .elementor-element.elementor-element-4b953cb{position:relative;overflow:hidden}.elementor-1493 .elementor-element.elementor-element-4b953cb::before{animation:slowRandomFloat 30s ease-in-out infinite alternate;will-change:transform}@keyframes slowRandomFloat{0%{transform:translate(0,0) scale(1)}20%{transform:translate(12px,-8px) scale(1.02)}40%{transform:translate(-10px,10px) scale(1.01)}60%{transform:translate(8px,14px) scale(1.03)}80%{transform:translate(-14px,-6px) scale(1.01)}100%{transform:translate(4px,-12px) scale(1.02)}}2. Important:target the correct image The CSS above assumes your overlay is rendered through .elementor-1493 .elementor-element.elementor-element-4b953cb::before. Elementor's actual background overlay may use a different element, so if the image doesn't move,try this version instead. .elementor-1493 .elementor-element.elementor-element-4b953cb .elementor-background-overlay{animation:slowRandomFloat 30s ease-in-out infinite alternate;transform-origin:center;will-change:transform}@keyframes slowRandomFloat{0%{transform:translate(0,0) scale(1)}20%{transform:translate(12px,-8px) scale(1.02)}40%{transform:translate(-10px,10px) scale(1.01)}60%{transform:translate(8px,14px) scale(1.03)}80%{transform:translate(-14px,-6px) scale(1.01)}100%{transform:translate(4px,-12px) scale(1.02)}}3. Customize the movement Setting Effect 30s Slower,more relaxed movement 60s Very slow,ambient movement 12px to 14px Distance the image moves scale(1.03) Slight zoom to hide exposed edges ease-in-out Smooth acceleration and deceleration One important detail:CSS keyframes follow a repeating path rather than generating truly random movement. However,the changing directions and long duration make the motion feel organic. My recommendation:Use 45s to 60s and keep the movement between 8px and 15px for an elegant,subtle background effect. If you tell me one thing,I can give you the exact CSS for your setup:Is your picture set under Elementor's Background Overlay option,or is it a separate image widget placed over the section? for my other page,make it move a tad bit faster For your other Elementor page,use the same smooth floating effect,just a little faster — 25 seconds instead of 30,with slightly more movement. Paste this into Advanced → Custom CSS on that page:.elementor-1493 .elementor-element.elementor-element-4b953cb .elementor-background-overlay{animation:slowRandomFloat 25s ease-in-out infinite alternate;transform-origin:center;will-change:transform}@keyframes slowRandomFloat{0%{transform:translate(0,0) scale(1)}20%{transform:translate(14px,-10px) scale(1.02)}40%{transform:translate(-12px,12px) scale(1.01)}60%{transform:translate(10px,16px) scale(1.03)}80%{transform:translate(-16px,-8px) scale(1.01)}100%{transform:translate(6px,-14px) scale(1.02)}}What changed:Speed:30s → 25s. Movement:slightly wider in each direction. Zoom:stays subtle to help avoid visible edges. This keeps the effect gentle and organic,just a touch more noticeable than the first page. Cookiebot Need a cookie banner for your website? A cookie consent banner with Google Consent Mode v2 built in,so your ad data keeps flowing. Ad More options Sponsored options Ad