.elementor-1140 .elementor-element.elementor-element-3cd7264{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-1140 .elementor-element.elementor-element-6f03981{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1140 .elementor-element.elementor-element-d22cfd0{--display:flex;--background-transition:0.3s;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(127.5, 127.5, 127.5, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1140 .elementor-element.elementor-element-d22cfd0:not(.elementor-motion-effects-element-type-background), .elementor-1140 .elementor-element.elementor-element-d22cfd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://digisrocket.com/wp-content/uploads/2024/05/screencapture-behance-net-collection-202052713-Social-Media-Designs-2024-06-04-05_05_01.png");background-repeat:no-repeat;background-size:cover;}.elementor-1140 .elementor-element.elementor-element-d22cfd0, .elementor-1140 .elementor-element.elementor-element-d22cfd0::before{--border-transition:0.3s;}@media(min-width:768px){.elementor-1140 .elementor-element.elementor-element-3cd7264{--content-width:1140px;}.elementor-1140 .elementor-element.elementor-element-6f03981{--width:50%;}}@media(min-width:1025px){.elementor-1140 .elementor-element.elementor-element-d22cfd0:not(.elementor-motion-effects-element-type-background), .elementor-1140 .elementor-element.elementor-element-d22cfd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-1140 .elementor-element.elementor-element-d22cfd0{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-d22cfd0 */.test{
  height: 400px;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0; 
  transition: background-position 10s !important;
}

.test:hover {
  background-position: 0 100%;
}/* End custom CSS */