.history-section {
    background: linear-gradient(120deg, white 50%, #F4F4F4 50%);  
    height: max-content;
    padding: 2rem;
    margin: 0;
    justify-content: center;
    align-items: start;
    gap:2rem
  }

  .history-section .text-container{
    width: 530.36px;
    gap: 0.5rem;
    justify-content: start;
    align-items: start;
  }

   .hr-text{
    width: 10%;
    height: 1px;
    background-color: var(--primary-color);
    margin: 0;
    border: none;
   }
    

  .history-section .image-container{
    padding: 2rem;
  }

  .history-section .image-container img {
    height: 692.84px;
    width: auto;
    transition: transform 0.3s ease, scale 0.3s ease;
}

.history-section .image-container img:hover {
    transform: rotate(5deg) scale(0.9);
}


  .history-section .text-container h2{
    margin: 0;
  }

  @media screen and (max-width: 768px) {
    .history-section{
        flex-direction: column;
        width: 100vw;
        padding:0;
        gap: 0;
    }
    .history-section .text-container{
        width: 90vw;
        padding: 1rem;
    }
    .history-section .image-container{
        width: 90vw;
        padding: auto;
        margin: auto;
    }
    .history-section .image-container img {
        height: auto;
        width: 100%;
    }
    
  }