.forside_content_flag
{
	display: grid;
	width:100%;
		grid-gap: 0px;
		/*grid-template-columns: repeat(3, auto) 2fr auto 1fr 1fr auto 2fr repeat(3, auto);*/
		grid-template-columns: auto 150px 150px 10px 145px 10px 145px 10px 150px 150px auto;
		grid-template-rows: auto 200px 10px 200px auto ;
}


.flag {
  height: 200px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.flag img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.flag:hover img {
  transform: scale(1.5);
}


.flag:hover+span {
	bottom: -36px;
	opacity: 1;
}

.flag_1
{
	grid-column: 2/4; 
	grid-row: 2/3; 
	text-align: center;
}

.flag_2
{
	grid-column: 5/8; 
	grid-row: 2/3; 
	text-align: center;
}

.flag_3
{
	grid-column: 9/11; 
	grid-row: 2/3; 
	text-align: center;
}

.flag_4
{
	grid-column: 3/6; 
	grid-row: 4/5; 
	text-align: center;
}

.flag_5
{
	grid-column: 7/10; 
	grid-row: 4/5; 
	text-align: center;
}

h1.flag_overskrift
{
	grid-column: 2/11; 
	grid-row: 1/2; 
	text-align: center;
	margin-top:40px;
	margin-bottom:40px;
	font-size: 35px;
	font-weight: bold; 
	color: 203354;
}