Как поставить button на image?

я новичок в HTML и хочу поставить кнопку на картинку(без нарушений адаптивности), но все что я нашел это position: absolute Вот мой код html

<div class="section2">
    <div class="wedo">
        <div class="wedo__item" >
            <img src="Mobile.png" class="smart">
        </div>
        <div class="wedo__item2">
            <button>Скачать</button>
        </div>
    </div>
</div>

И вот css

.section2{
    margin-top: 4.3rem;

}

.wedo {
    position: relative;
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    overflow: auto;
}
.wedo_item {
    width: 50%
}

@media(max-width: 768px){
   .wedo__item {
    width: 100%;
    } 
}


/*.smart {
    margin-left: 5.4rem;
}*/
@media(max-width: 768px) {


    .smart {
        height: 300px;
        margin-left: 2.4rem;
    }
}

.wedo__item2 {
    height: fit-content;
    position: absolute;
    left: 40px;
    right: 0;
    top: 150px;
    bottom: 0;
    margin: auto;
    width: fit-content;
}