/* First image cycle */
@keyframes fadeZoom1 {
  0%   { opacity: 1; transform: scale(1); }
  40%  { opacity: 1; transform: scale(1.15); }
  50%  { opacity: 0; transform: scale(1.2); }
  100% { opacity: 0; transform: scale(1.2); }
}

/* Second image cycle */
@keyframes fadeZoom2 {
  0%   { opacity: 0; transform: scale(1); }
  10%  { opacity: 1; transform: scale(1.05); }
  40%  { opacity: 1; transform: scale(1.15); }
  50%  { opacity: 0; transform: scale(1.2); }
  100% { opacity: 0; transform: scale(1.2); }
}
/* Smooth infinite float animation */
@keyframes floatUpDown {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0);
	}
}


.et_pb_section.home-header::after {
  content: "";
  width: clamp(345px, 46vw, 1090px);
  height: clamp(410px, 38vw, 900px);
  background: url("../images/canoeingMan.png") no-repeat top right;
  background-size: contain;
  position: absolute;
  right: 0;
 top: clamp(210px, 25vw, 140px);
  z-index: 12;
  opacity: 1;
  animation: floatUpDown 8s ease-in-out infinite;
  pointer-events: none; 
}

.irs--round .irs-from,.irs--round .irs-single,.irs--round .irs-to {
    background-color: #00394f !important;
}
/* For devices with a minimum width of 992px (Large) */
@media screen and (min-width: 1500px) {
  .et_pb_section.home-header::after {
	  top: 0;
	}
}
/* For devices with a maximum width of 500px */
@media screen and (max-width: 500px) {
  .et_pb_section.home-header::after {
	  top: 300px;
	}
}