.phase{
	width: 42.5%;

	background-image: url('../img/perfil.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;

	display: flex;
	align-items: center;
	column-gap: 5%;
}
.phase__planet{
	width: 30%;

	padding-left: 5%;
}
.phase__text{
	font-size: calc(7px + (7 - 7) * ((100vw - 320px) / (1080 - 320)));
	line-height: unset;
	text-align: left;
	text-transform: capitalize;
}
@media only screen and (orientation: landscape) {
	.phase{
		width: 25%;
	}
	.phase__text{
		font-size: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));
	}
}
@media only screen and (orientation: landscape) and (min-width:  1024px){
	.phase{
		width: 17.5%;
	}
}