a.demo_img {
		display: block;
		max-width: 3200px;
		position:relative;
		line-height:30px;
	}
	
	a.demo_img>div {
		position:absolute;
		padding:0;
		margin:0;
		right: 0px; /* change this value to one that works best for you */
		top: -220px; /* change this value to one that works best for you */
		
		margin-left: 0px;
		opacity:0;
		height: 0;
		overflow: hidden;
		
		
		webkit-transition: all .3s ease .25s;
		-moz-transition: all .3s ease .25s;
		-o-transition: all .3s ease .25s;
		-ms-transition: all .3s ease .25s;
		transition: all .3s ease .25s;
	}
	
	a.demo_img>div img {
		padding:30px;
		margin-right:0px;
		width:  200px;
    height: 200px;
    object-fit: cover;
		
	}
	a.demo_img:hover>div {
		
		opacity:1;
	
		height: 300px;
		z-index:0;
		
		animation: fadeIn 5s;

	
	
	    }
	    @keyframes fadeIn {
	      from {
		  opacity: 0;
	      }}