.description-lawatan { 
    max-width: 1000px; 
    border-radius: 15px; 
    box-shadow: 0px 4px 6px rgba(0,0,0,0.1); 
    background: linear-gradient(135deg, rgb(255, 182, 193), rgb(255, 105, 180)); 
} 

.border-frame-lawatan { 
    border: 10px solid purple; 
    padding: 10px; 
    background: white; 
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4); 
    border-radius: 15px; 
    width: 100%; 
    box-sizing: border-box; 
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; 
} 

/* Hover Effect */ 
.image-container:hover .border-frame-lawatan { 
    transform: scale(1.05) rotate(2deg); 
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.3); 
} 

/* Image Sizes */ 
.main-image-lawatan, .medium-image-lawatan { 
    width: 100%; 
    height: auto; 
    object-fit: contain; 
} 

/* Responsive Text & Image Adjustments */ 
@media (max-width: 1366px) { 
    .info-lawatan { 
        font-size: 24px; 
        line-height: 1.4; 
    } 
    .main-image-lawatan, .medium-image-lawatan { 
        height: auto; 
    }
} 
    
@media (max-width: 768px) { 
    .info-lawatan { 
        font-size: 22px; 
    } 
    .main-image-top, .medium-image-down { 
        width: 100%; 
        display: flex; 
        justify-content: center; 
        align-items: center; 
    } 
    .main-image-lawatan, .medium-image-lawatan { 
        max-width: 100%; 
        height: auto; 
    } 
} 
    
@media (max-width: 480px) { 
    .title-lawatan { 
        font-size: 30px; 
    } 
    .info-lawatan { 
        font-size: 20px; 
    } 
    .main-image-lawatan, .medium-image-lawatan { 
        height: auto; 
    } 
}