.timeline p {
	position: relative;
}
@media screen and (min-width: 992px){
	.img-txt {
    margin: 7em 0 4em;
	}
	.text-left .img {
	order: 2;
	}
	.text p::before {
		content: '';
	    width: 800px;
	    min-height: 400px;
	    background: rgb(204 204 204 / 30%);
	    display: block;
	    position: absolute;
	    z-index: -999;
	    top: -60px;
	}
	.text-left .text p {
		padding-left: 40px;
	    padding-right: 20px;
	}
	.text-right .text p {
		padding-right: 40px;
	    padding-left: 20px;
	}
	.text-right .text p::before {
		right: 0%;
	}
	.text-left .text p::before {
		left: 0%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1190px){
	.field--name-field-timeline .field__item .timeline {
		margin-bottom: 4em;
	}
	.text p::before {
		min-height: 440px;
	}
}
@media screen and (max-width: 991px){
	.img-txt {
    margin-top: 2em;
	}
	.timeline p {
    background: rgb(204 204 204 / 30%);
    margin-top: -6px;
    padding: 25px;
	}
	.field--name-field-image-1 img {
		object-fit: cover;
    height: 400px;
	}
}
@media screen and (max-width: 480px){
	.field--name-field-image-1 img {
		object-fit: cover;
    height: 300px;
	}
}
@media screen and (max-width: 400px){
	.field--name-field-image-1 img {
		object-fit: cover;
    height: 200px;
	}
}