* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

위 사진처럼 텍스트 옆 글자배열 총 3줄 + 버튼 모두 가운데 정렬이 하고 싶은데

위 사진처럼 이미지 크기조절과 텍스트 배열+정렬이 안됩니다.

겉에 까만실선은 섹션 나눈 선이라 무시하시며 되고

초록색 부분을 사용하여 만들고 싶습니다.

글씨가 초록박스를 먹고있어서 그런건지 이미지에 width, height을 줘도 안되더라구요 ㅠㅠ

작성한 코드 및 에러 메세지

style

.log_imgtxt {
    border: 1px solid grey;
    border-radius: 30px;
    width: 1500px;
    height: 400px;
    background-color: green;
    display: flex;
    align-items: center;
}

.log_imgtxt > img {
    width: 800px;
    height: 400px;
    flaot: right;
}

index.html

<section class="sec_log">
    <div class="log_imgtxt">
        <img src="https://www.farmersalmanac.com/wp-content/uploads/2018/02/Cheers-Champagne-New-Years-as_262292829.jpeg"
             style="vertical-align:middle;">
        <h2>Share your love of Wine</h2>
        <h4>give your friend 10% off wine in CorkageFree. Once they order,
                         you'll get a discount too!</h4>
    </div>
    </section>

app.py

from flask import Flask, render_template, request, jsonify
app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html')

if __name__ == '__main__':
    app.run('0.0.0.0', port=5000, debug=True)