.list-container {
	min-height: 350px;
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(300px, 1fr))
}

.list-item{
	height:140px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
	display: flex;
}

.list-item-content{
	padding-left: 15px;
}

.list-item-content p{
	padding-right: 10px;
}


.item-image{
	width: 100px !important;
	height: 100px !important;
	max-width: 100px !important;
	object-fit: cover !important;
}

.pop-up-image{
	width: 100% !important;
	height: 280px !important;
	max-width: 100% !important;
	object-fit: cover !important;
}

 .fade-in {
	 animation: fadeInAnimation ease 2s;
	 animation-iteration-count: 1;
	 animation-fill-mode: forwards;
 }
@keyframes fadeInAnimation {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


.time-delay {
	--animate-delay: 0.5s;
}

.time-duration1 {
	--animate-duration: 1s;
}

.time-duration2 {
	--animate-duration: 1.2s;
}

.time-duration3 {
	--animate-duration: 1.4s;
}

.time-duration4 {
	--animate-duration: 1.6s;
}

.time-duration5 {
	--animate-duration: 1.8s;
}

.time-duration6 {
	--animate-duration: 2s;
}

.time-duration7 {
	--animate-duration: 2.2s;
}

.time-duration8 {
	--animate-duration: 2.4s;
}

.time-duration9 {
	--animate-duration: 2.6s;
}

.time-duration10 {
	--animate-duration: 2.8s;
}