.home{
    
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 0 15%;
    background-color: rgb(255, 255, 255);
}
.home img{
    width: 500px;
    height: 600px;
}
.home img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode:multiply;
}
.home-text span{
    padding: 5px 25px;
    background: #0f0e0e;
    /* box-shadow:0px 20px 40px #00000070; */
    border: 1px solid #3b3b3b;
    border-radius: 100px;
    color:#ded5d5;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
}
.home-text h1{
    font-size: 30px;
    margin: 23px 0;
    color:rgb(3, 2, 2);
}
.home-text p{
    font-size: var(--p-font);
    font-weight: 400;
    color: #3f3939;
    line-height: 30px;
    margin-bottom: 30px;
}
@media(max-width:900px){
    section{
        padding: 0 8%;
        transition: .2s;
    }
    .home{
        height: auto;
        display: flex;
        flex-wrap:wrap ;
    }
    .home-text{
        order: 2;
    }
    .home-img{
        margin: auto;
        height: auto;
        width: auto;

    }
    .home-img img{
        max-width: 300px;
        width: 100%;
        height:400px;
        margin-left: 0;
    }
}
@media(max-width:450px){
    
    .home{
        height: auto;
        display: flex;
        flex-wrap:wrap ;
    }
    .home-text{
        order: 2;
    }
    .home-img{
        margin: auto;
        height: auto;
        width: auto;

    }
    .home-img img{
        max-width: 300px;
        width: 100%;
        height:300px;
        margin-left: 0;
    }
    .home-img img{
        margin-left: 0%;
        margin-top: 30%;
    }
}
@media(max-width:300px){
    
    .home{
        height: auto;
        display: flex;
        flex-wrap:wrap ;
    }
    .home-text{
        order: 2;
    }
    .home-img{
        margin: auto;
        height: auto;
        width: auto;

    }
    .home-img img{
        max-width: 200px;
        width: 100%;
        height:200px;
        margin-left: 0;
    }
    .home-img img{
        margin-left: 0%;
        margin-top: 50%;
    }
}