css如何让页面logo图片不变形

效果：

 

 props:["imgUrl",'textIndex']

.logoStyle{
        width: 100%;
        margin-bottom: 35px;
        min-width: 1000px;
        position: relative;
    img{
            width: 100%;
            min-width: 1000px;
            height: 420px;
            object-fit:cover
        }
        .textIndex{
            position: absolute;
            color: #fff;
            font-size: 52px;
            top: 26%;
            left: 32%;
        }
}

图片重点加上： object-fit:cover;

文字是绝对定位