@media screen and (min-width: 1030px){
	.imagen:hover .img_01{
	    opacity: 0;
	}
	.imagen:hover .img_02{
	    opacity: 1;
	}
}

@media screen and (max-width: 1029px){
	.img_01, .img_02{
		width: fit-content;
    height: fit-content;
    top: 30px;
    left: 45px;
    position: absolute;
	}
	.imagen{
		    width: 180px;
    height: 103px;
	}

	.imagen.act .img_01{
	    opacity: 0;
	}
	.imagen.act .img_02{
	    opacity: 1;
	}
}
@media screen and (max-width: 500px){
	.wrraper{
	    height: calc(100vh - 90px);
	}
}
html, body{
	min-height: initial;
}