I've got an issue. Can not set up a picture size for an image in my div. The div ( .item) is actually part of a slider. Is there any possible way to fix it? Maybe it is a problem of a slider itself which I've taken form Own Carousel. I've tried to use padding, but it will not work in my situation due to the fact that I will have to add another text div next to the picture which I am planning to position in a left part of the .item div.

 <div class="slider-div">
                    <div class="owl-carousel owl-theme">
                        <div class="item it1">
                            <img class="img1"   
                                src="img/290576980_1645406479179093_188937483150472320_n.jpg" 
                                  alt="">
                       
                    </div>
                    <div class="item it2"></div>
                    <div class="item it3"></div>
                   
                </div>
            </div>
            <div class="pic-div"></div>
        </div>





    .slider-div{
        height: 100%;
        width: 70%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 20px;

        }
    .owl-carousel{
        width: 100%;
        display: flex;
        border-radius: 20px;
        }
    .item{
        margin: 0 auto;
        background-color: #ffff;
        height: 350px;
        width: 90%;
        border-radius: 20px;
        display: flex;
        align-items: center;
    
    }

    .img1{
        height: 200px;
        /* Can not set up the width */
        width: 40%; 
    }

Thanks in advance =)