.elementor-1287 .elementor-element.elementor-element-5a5f0f5:not(.elementor-motion-effects-element-type-background), .elementor-1287 .elementor-element.elementor-element-5a5f0f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #2943FB 0%, #7788FF 100%);}.elementor-1287 .elementor-element.elementor-element-5a5f0f5 > .elementor-background-overlay{background-image:url("https://v1.tema.to/wp-content/uploads/Group-65.png");background-position:center center;background-size:cover;opacity:0.94;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1287 .elementor-element.elementor-element-5a5f0f5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 150px 0px;}.elementor-1287 .elementor-element.elementor-element-5a5f0f5 > .elementor-shape-bottom svg{height:70px;}.elementor-1287 .elementor-element.elementor-element-72fa396d .elementor-button{font-family:"Rubik", Sans-serif;font-size:27px;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;background-color:#61CE7000;border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-1287 .elementor-element.elementor-element-51ae0c50{text-align:center;color:#FFFFFF;font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1287 .elementor-element.elementor-element-51ae0c50 > .elementor-widget-container{padding:0em 15em 0em 15em;}.elementor-1287 .elementor-element.elementor-element-56043664{padding:0em 1em 3em 6em;}.elementor-1287 .elementor-element.elementor-element-4ffdba1e{margin-top:-110px;margin-bottom:0px;}.elementor-1287 .elementor-element.elementor-element-3e6de10e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1287 .elementor-element.elementor-element-3e6de10e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1287 .elementor-element.elementor-element-3e6de10e > .elementor-element-populated, .elementor-1287 .elementor-element.elementor-element-3e6de10e > .elementor-element-populated > .elementor-background-overlay, .elementor-1287 .elementor-element.elementor-element-3e6de10e > .elementor-background-slideshow{border-radius:50px 8px 50px 8px;}.elementor-1287 .elementor-element.elementor-element-3e6de10e > .elementor-element-populated{box-shadow:0px 0px 23px 2px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 20px 30px 20px;}.elementor-1287 .elementor-element.elementor-element-3e6de10e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1287 .elementor-element.elementor-element-4204b1a6 img{transition-duration:0.7s;border-radius:50px 8px 50px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-1287 .elementor-element.elementor-element-4204b1a6 > .elementor-widget-container{background-color:#EFF9FD;border-radius:50px 8px 50px 8px;}.elementor-bc-flex-widget .elementor-1287 .elementor-element.elementor-element-7d4f998.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1287 .elementor-element.elementor-element-7d4f998.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1287 .elementor-element.elementor-element-7d4f998 > .elementor-element-populated{padding:0px 0px 0px 60px;}.elementor-1287 .elementor-element.elementor-element-30452d3 > .elementor-element-populated{margin:0px 0px 0px -11px;--e-column-margin-right:0px;--e-column-margin-left:-11px;}.elementor-1287 .elementor-element.elementor-element-29ff8c4c .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;}.elementor-1287 .elementor-element.elementor-element-1c0f8799{--divider-border-style:dotted;--divider-color:var( --e-global-color-90dc44a );--divider-border-width:7px;}.elementor-1287 .elementor-element.elementor-element-1c0f8799 .elementor-divider-separator{width:8%;margin:0 auto;margin-left:0;}.elementor-1287 .elementor-element.elementor-element-1c0f8799 .elementor-divider{text-align:left;padding-top:2px;padding-bottom:2px;}.elementor-1287 .elementor-element.elementor-element-1c0f8799 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(7px/2);}.elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(7px/2);}.elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(7px/2);margin-left:calc(7px/2);}.elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-7px/2);margin-left:calc(-7px/2);}body.rtl .elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-7px/2);}body:not(.rtl) .elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-7px/2);}.elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-icon i{color:var( --e-global-color-3e175b4 );}.elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-icon svg{fill:var( --e-global-color-3e175b4 );}.elementor-1287 .elementor-element.elementor-element-4f6729e3{--e-icon-list-icon-size:16px;}.elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1287 .elementor-element.elementor-element-4f6729e3 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-1287 .elementor-element.elementor-element-1b0fe7b9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1287 .elementor-element.elementor-element-32af84b2 > .elementor-element-populated{margin:0px 0px 0px -10px;--e-column-margin-right:0px;--e-column-margin-left:-10px;}.elementor-1287 .elementor-element.elementor-element-5fb84b39 .elementor-button{fill:#1227B9;color:#1227B9;background-color:#61CE7000;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-6409cd47 .elementor-button{fill:var( --e-global-color-90dc44a );color:var( --e-global-color-90dc44a );background-color:#F5973E00;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-15996888 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1287 .elementor-element.elementor-element-15996888{padding:5em 0em 5em 0em;}.elementor-1287 .elementor-element.elementor-element-1ccf3583 .elementor-heading-title{color:var( --e-global-color-secondary );font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;}.elementor-1287 .elementor-element.elementor-element-5c1a8782{--divider-border-style:dotted;--divider-color:var( --e-global-color-90dc44a );--divider-border-width:7px;}.elementor-1287 .elementor-element.elementor-element-5c1a8782 .elementor-divider-separator{width:8%;margin:0 auto;margin-left:0;}.elementor-1287 .elementor-element.elementor-element-5c1a8782 .elementor-divider{text-align:left;padding-top:2px;padding-bottom:2px;}.elementor-1287 .elementor-element.elementor-element-5c1a8782 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-2309eb84{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;}.elementor-1287 .elementor-element.elementor-element-22038159 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:500;fill:var( --e-global-color-3e175b4 );color:var( --e-global-color-3e175b4 );background-color:#61CE7000;border-style:solid;border-width:2px 2px 2px 2px;border-radius:35px 35px 35px 35px;}.elementor-1287 .elementor-element.elementor-element-282727bc > .elementor-element-populated{padding:0px 70px 0px 70px;}.elementor-1287 .elementor-element.elementor-element-e3d17f0 > .elementor-container{min-height:400px;}.elementor-1287 .elementor-element.elementor-element-e3d17f0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1287 .elementor-element.elementor-element-e3d17f0{overflow:hidden;box-shadow:0px 0px 36px -6px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1287 .elementor-element.elementor-element-e3d17f0, .elementor-1287 .elementor-element.elementor-element-e3d17f0 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-1287 .elementor-element.elementor-element-e3d17f0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1287 .elementor-element.elementor-element-736a11b8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1287 .elementor-element.elementor-element-736a11b8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1287 .elementor-element.elementor-element-736a11b8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1287 .elementor-element.elementor-element-1fd15c6b{width:100%;max-width:100%;bottom:113px;}body:not(.rtl) .elementor-1287 .elementor-element.elementor-element-1fd15c6b{left:-11px;}body.rtl .elementor-1287 .elementor-element.elementor-element-1fd15c6b{right:-11px;}.elementor-1287 .elementor-element.elementor-element-4d08abc9 img{border-radius:20px 20px 20px 20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1287 .elementor-element.elementor-element-51ae0c50 > .elementor-widget-container{padding:0px 100px 0px 100px;}.elementor-1287 .elementor-element.elementor-element-4204b1a6 img{max-width:100%;}.elementor-1287 .elementor-element.elementor-element-61f4f2e3 > .elementor-element-populated{margin:0px 0px 0px -11px;--e-column-margin-right:0px;--e-column-margin-left:-11px;}}@media(max-width:767px){.elementor-1287 .elementor-element.elementor-element-72fa396d .elementor-button{font-size:20px;}.elementor-1287 .elementor-element.elementor-element-51ae0c50{font-size:15px;}.elementor-1287 .elementor-element.elementor-element-51ae0c50 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1287 .elementor-element.elementor-element-56043664{padding:0px 10px 0px 10px;}.elementor-1287 .elementor-element.elementor-element-4ffdba1e{padding:0px 0px 15px 0px;}.elementor-1287 .elementor-element.elementor-element-7d4f998 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 20px;}.elementor-1287 .elementor-element.elementor-element-32af84b2 > .elementor-element-populated{margin:0px 0px 0px -11px;--e-column-margin-right:0px;--e-column-margin-left:-11px;}.elementor-1287 .elementor-element.elementor-element-5fb84b39 .elementor-button{padding:11px 36px 11px 36px;}.elementor-1287 .elementor-element.elementor-element-61f4f2e3 > .elementor-element-populated{margin:0px 0px 0px -11px;--e-column-margin-right:0px;--e-column-margin-left:-11px;}.elementor-1287 .elementor-element.elementor-element-4ae27b02 > .elementor-element-populated{padding:0px 20px 50px 20px;}.elementor-1287 .elementor-element.elementor-element-282727bc > .elementor-element-populated{padding:0px 20px 0px 20px;}}@media(min-width:768px){.elementor-1287 .elementor-element.elementor-element-1edd8734{width:40%;}.elementor-1287 .elementor-element.elementor-element-7d4f998{width:59.76%;}.elementor-1287 .elementor-element.elementor-element-32af84b2{width:39.289%;}.elementor-1287 .elementor-element.elementor-element-61f4f2e3{width:60.711%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1287 .elementor-element.elementor-element-7d4f998{width:55%;}.elementor-1287 .elementor-element.elementor-element-32af84b2{width:100%;}}/* Start custom CSS for button, class: .elementor-element-5fb84b39 */.elementor-1287 .elementor-element.elementor-element-5fb84b39{
    --size: 5px;
    --color: #ffffff;
}

.elementor-1287 .elementor-element.elementor-element-5fb84b39 a{
    position: relative;
}
.elementor-1287 .elementor-element.elementor-element-5fb84b39 a:before{
    content: '';
    position: absolute;
    top: var(--size);
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% - var(--size) * 2);
    background: var(--color);
    transition: 0.5s ease-in-out;
    transform: scaleY(1);
}
.elementor-1287 .elementor-element.elementor-element-5fb84b39 a:hover:before{
    transform: scaleY(0);
}
.elementor-1287 .elementor-element.elementor-element-5fb84b39 a:after{
    content: '';
    position: absolute;
    left: var(--size);
    top: -10px;
    height: calc(100% + 20px);
    width: calc(100% - var(--size) * 2);
    background: var(--color);
    transition: 0.5s ease-in-out;
    transform: scaleX(1);
}
.elementor-1287 .elementor-element.elementor-element-5fb84b39 a:hover:after{
    transform: scaleX(0);
}
.elementor-1287 .elementor-element.elementor-element-5fb84b39 span{
    position: relative;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e3d17f0 */div.portfolio {
  height: 400px;
  overflow: hidden;
}

.portfolio img {
  width: 100%;
  transform: translateY(0px);
  transition-duration: 7s;
}

.portfolio img:hover {
  transform: translateY(calc(400px - 100%));
  transition-duration: 5s;
}
With this snippet you will achieve a more natural scrolling effect, but you may need to adjust the percentages of the keyframes depending on the length of your screenshot.

div.portfolio {
height: 400px;
overflow: hidden;
}

.portfolio img {
width: 100%;
transform: translateY(0px);
}

.portfolio img:hover {
animation: scroll 10s
}

.elementor-1287 .elementor-element.elementor-element-e3d17f0:hover .elementor-widget-lottie {
    opacity: 0;
    transition-duration: 0.5s;
}/* End custom CSS */