@media (max-width: 1024px) {
    
    body {
        font-size: 16px;
        overflow-x: hidden;
    }

    
    .logo {
        width: 10rem;
        left: 3%;
    }
    
    .title-container {
        font-size: 2.5rem;
    }

    .main-info, .main-info-2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
   
    body {
        font-size: 14px;
        overflow-x: hidden;
    }
   
    .logo {
        width: 10rem;
        left: 2rem;
    }

    .title-container {
        font-size: 2rem;
    }

    .main-info {
        font-size: 1.5rem;
        padding: 30px;
    }
}

@media (max-width: 480px) {
    
    body {
        font-size: 16px;
        overflow-x: hidden;
    }
    
    .logo {
        width: 7rem;
        left: 1%;
    }

    .title-container {
        font-size: 1.5rem;
        text-align: center;
    }

    .main-info, .main-info-2 {
        font-size: 1.8rem;
    }

    .image-gallery img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }
}