@media (max-width: 600px) {
    .slide-image img[src*="3.png"] {
        content: url('../images/1_mob_view.png'); /* Change the image source for mobile view */
    }
    .slide-image img[src*="4.png"] {
        content: url('../images/2_mob_view.png'); /* Change the image source for mobile view */
    }
    /* Add similar rules for other slides if needed */

    .slide-image .slide-content {
       /* background-color: gold; */
        top: 6%;
        left: 0;
        padding: 0;
        
    }
    .slide-content h2 {
        font-size: 2rem;
        /* font-size: 45px; */
       
    }

    .slide-content button {
        padding: 14px 30px;
        background-color: teal;
        
        font-size: 10px;
       
    }
}