.wimg{
	width: 100%;
	max-height: 500px;
	object-fit: cover;
}
.content img{
	width: 100%;
}
.content{
	text-align: center;
}
.checkerboard{
	display: grid;
	grid-template-columns: 100%;
	grid-gap: 1rem;
}
.prop{
	display: grid;
	align-items: center;
	transition: .3s;
}
.txt-wrapper{
	padding: 1rem;
	outline: 1px solid #ececec;
	height: 620px;
}
.txt-wrapper:hover{
	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
}

.prop{
	grid-gap: 1rem;
}
.prop img{
	grid-area: img;
	width: 100%;
	height: 620px;
	object-fit: cover;
}
.prop .txt{
	grid-area: txt;
}
.prop:nth-child(2n-1){
	grid-template-areas: 'img txt';
	grid-template-columns: 1fr 1fr;
}
.prop:nth-child(2n){
	grid-template-areas: 'txt img';
	grid-template-columns: 1fr 1fr;
}
@media(max-width:1024px){
	.checkerboard .prop{
		grid-template-columns: 1fr;
		grid-template-areas: 'img' 'txt';
	}
	.checkerboard .prop img{
		height: 300px;
	}
	.txt-wrapper{
		height: auto;
	}
}