画像と枠を少しを重ねたい

すみません、初心者で初歩的な質問ですがお願いいたします。

画像と緑の枠が少し重なるように表示したいと思い、positonを使いcssで記述したのですが、うまくいきません。

画像が表示されなくて、うまくいきません。

画像がどこに行ったのかわかないので、ブロックエディタで画像に黒枠をつけると現在表示中のように黒四角で枠だけ表示されます。

cssに記述した内容は下記です。

.point {
position: relative ;
}

.point img {
position: absolute ;
top:-50px;
}

■したいこと

緑の枠の上真ん中に、半分くらい画像がかかるようにしたいです。画像が前面に来るように表示したいです。

よろしくお願いいたします。

• このトピックはfoodnetが2年、 1ヶ月前に変更しました。
• このトピックはfoodnetが2年、 1ヶ月前に変更しました。

ヘルプの必要なページ: [リンクを見るにはログイン]