* { box-sizing: border-box; }
body { margin: 0; position: relative; }
.column { float: left; width: 50%; padding: 15px; position: relative; }
.row::after { content: ""; display: table; clear: both; }
@media screen and (max-width: 600px) { .column { width: 100%; } }
.img-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
img { width: 100%; height: 100%; object-fit: cover; }

.column a:link, a:visited { background-color: #FFA500; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; border-radius: 1rem; font-size: 100% }
.column a:hover, a:active { background-color: OrangeRed; }
.column p.enter { text-align: center }

/*  Additional */
.header { width: 100%; height: 33px; clear: both; }


.container { display: flex; flex-direction: row; background-color: DodgerBlue; }
.container div { background-color: ; width: 300px; margin: 10px; padding: 10px; text-align: center; font-size: 30px; }