Gallery in flex row withe backgrond image and text on it - flexbox

Question

.row {
display: flex;
flex-wrap: wrap;
padding: 0 4px;
}
/* יצירת ארבע עמודות שוות שיושבות זו לצד זו */
.column {
flex: 30%;
max-width: 30%;
padding: 0 4px;
/*justify-items: center;
text-align: center;*/
}
.column img {
margin-top: 8px;
vertical-align: middle;
}
h1 {
/* background-image: url('../imeges/shibolim futer (2).jpg');*/
box-sizing: content-box;
z-index: 20;
color: red;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 100%;
/* margin-bottom: -50%;*/
background-repeat: no-repeat;
width: 60%;
position: relative;
}
h1:hover {
overflow: visible;
max-width: 60%;
}
.background-image {
/* display:run-in;*/
background-size: contain;
background-repeat: no-repeat;
/*size: 100%;*/
min-height: 18.75em;
margin-block:auto;
}
<div class="row ">
<div class="column">
<!--<img src="../galery/cheers.jpg" onclick="ShowBigImg(this)" />-->
<!--<h1 style=" background-image: url(' .. /galery/cheers.jpg')"-->
<!--<div class="background-image">-->
<div class=" background-image" style="background-image: url('../galery/cheers.jpg')" onclick="ShowBigImg(this)"> this is one of the pictures
<h1> this is one of the text itws by hebrew
כשהחברים התחילו להתארס שמחתי בשמחתם ויחד עם זאת הרגשתי שבור. מי תרצה בחור "לוקח כדורים' או כמו שמכנים אותנו 'סוג ב' . היה לי ברור שאני לא מסתיר את מצבי, בסופו של דבר ועם כל הכבוד לסטיגמה לא נבתי שום דבר...ובכלל העדפתי בחורה שגם היא מתמודדת. הבעיה הייתה איפה מוצאים אותה כשכולם חיים בסתר? אמי תחי' שמעה על הפלטפורמה של' מקח טוב' וזו הייתה של קריעת הים. תודה לכם על היוזמה, אני בטוח שכמוני יש עוד רבים שנעזרו, נעזרים ויעזרו בכם ושכרכם גדול מוד
</h1>
<div class="background-image" style="background-image: url('../galery/ring.jpg')" onclick="ShowBigImg(this)">
<h1>
כשהחברים התחילו להתארס שמחתי בשמחתם ויחד עם זאת הרגשתי שבור. מי תרצה בחור "לוקח `כדורים' או כמו שמכנים אותנו 'סוג ב' . היה לי ברור שאני לא מסתיר את מצבי, בסופו של דבר ועם כל הכבוד לסטיגמה לא נבתי שום דבר...ובכלל העדפתי בחורה שגם היא מתמודדת. הבעיה הייתה איפה מוצאים אותה כשכולם חיים בסתר? אמי תחי' שמעה על הפלטפורמה של' מקח טוב' וזו הייתה תחליתה של קריעת הים. תודה לכם על היוזמה, אני בטוח שכמוני יש עוד רבים שנעזרו, נעזרים ויעזרו בכם ושכרכם גדול מוד`
</h1>
</div>
<h1 style="background: url()" onclick="ShowBigImg(this)"
<img src="../galery/ring.jpg" onclick="ShowBigImg(this)" />
<h1>
כשהחברים התחילו להתארס שמחתי בשמחתם ויחד עם זאת הרגשתי שבור. מי תרצה בחור 'לוקח כדורים' או כמו שמכנים אותנו 'סוג ב' . היה לי ברור שאני לא מסתיר את מצבי, בסופו של דבר ועם כל הכבוד לסטיגמה לא נבתי שום דבר...ובכלל העדפתי בחורה שגם היא מתמודדת. הבעיה הייתה איפה מוצאים אותה כשכולם חיים בסתר? אמי תחי' שמעה על הפלטפורמה של' מקח טוב' וזו הייתה תחליתה של קריעת הים. תודה לכם על היוזמה, אני בטוח שכמוני יש עוד רבים שנעזרו, נעזרים ויעזרו בכם ושכרכם גדול מוד
</h1>
<h1 style="background: url('../galery/ring.jpg')" onclick="ShowBigImg(this)"
<!--<img src="../galery/ring.jpg" onclick="ShowBigImg(this)"-->
<h1>
כשהחברים התחילו להתארס שמחתי בשמחתם ויחד עם זאת הרגשתי שבור. מי תרצה בחור 'לוקח כדורים' או כמו שמכנים אותנו 'סוג ב' . היה לי ברור שאני לא מסתיר את מצבי, בסופו של דבר ועם כל הכבוד לסטיגמה לא נבתי שום דבר...ובכלל העדפתי בחורה שגם היא מתמודדת. הבעיה הייתה איפה מוצאים אותה כשכולם חיים בסתר? אמי תחי' שמעה על הפלטפורמה של' מקח טוב' וזו הייתה תחליתה של קריעת הים. תודה לכם על היוזמה, אני בטוח שכמוני יש עוד רבים שנעזרו, נעזרים ויעזרו בכם ושכרכם גדול מוד
</h1>
<!--<img src="../galery/hupa.jpg" onclick="ShowBigImg(this)" />
<h1>gjbjkbknlkjlm;klkl</h1>-->
<<!--img src="../galery/lehaim.jpg" onclick="ShowBigImg(this)" />-->
</div>
</div>