/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 12 2025 | 20:30:21 */
/* GLOBAL CSS – works everywhere */

/* Smooth scrolling animation for image inside column */
#column1 {
  height: 700px;
  max-height: 700px;
  overflow: hidden;
  position: relative;

  /* optional mask effect */
  -webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
  mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
}

/* animated image */
#column1 .image1 img {
  display: block;
  width: 100%;
  height: auto;
  will-change: transform;
  transform: translateZ(0);
  animation: imagemovement1 15s ease-in-out infinite alternate;
}

/* keyframes (must be global for Elementor) */
@-webkit-keyframes imagemovement1 {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}
@keyframes imagemovement1 {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}






.image2 img{
    animation: imagemovement2 15s ease-in-out infinite alternate;
}

#column2 {
    height:700px;
    max-height: 700px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0));
}

/* Keyframes for the looping animation */
@keyframes imagemovement2 {
    0% {
        transform: translateY(-100%); /* Start at the bottom of the container */
    }
    100% {
        transform: translateY(0); /* Move to the top of the container */
    }
}





.image3 img{
    animation: imagemovement3 15s ease-in-out infinite alternate;
}

#column3 {
    height:700px;
    max-height: 700px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0));
}

@keyframes imagemovement3 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}