#main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: center;
    font-family: 'Secular_One', sans-serif;
    font-weight: 200;
    color: white;
    background-color: black;
    position: relative;
    padding: 100px 0px 70px 0px;
    box-sizing: border-box;
}

#headers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 30px;
  box-sizing: border-box;
  z-index: 2;
}

#main h1 {
  margin-bottom: 0;
  font-size: clamp(24px, 5vw, 60px);
}

#main h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(24px, 5vw, 60px);
  color: #FFD54A;
  /* color: #ffeba8; */
}

#containerImg {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
}

#bgMain {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: auto;
  transform-origin: center;
  animation: kenburns 6s ease-in-out infinite alternate;
  will-change: transform, filter;
}

   @keyframes kenburns{
  from{ transform: scale(1) translate(0,0); filter:contrast(100%) }
  to{   transform: scale(1.15) translate(-2%, -2%); filter:contrast(105%) }
}


   @media (max-width: 1300px) {
     #bgMain {
      width: 100%;
     }
   }

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  /* background-color: rgba(0, 0, 0, 0.4); */
    background: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),        /* ימין: שחור שקוף */
    /* rgba(255, 255, 255, 0.2) */
  );
}


/* ----------------------------------------------------------- */
.straight-line {
  width: 70%;       
}

.straight-line svg {
  width: 100%;
  height: auto;
}

#linePath {
  fill: none;
  stroke: #FFD54A;  
  stroke-width: 2;    
  stroke-linecap: round;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
}