#experience {
    background-position: bottom left;
    background-size: auto;
    background-repeat: no-repeat;
}

#experience .blue-box {
    position: absolute;
	bottom: -30px;
	right: -10px;
   
    width: 200px;
    border: 10px solid var(--basic-white);
}

.blue-box span {
	font-size: 28px;
	font-weight: 700 !important;
}

.counter-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 60px;
}

@media (min-width: 768px) {

	#experience .blue-box {
		width: 243px;
		bottom: -60px;
		right: -45px;
	}
	
	.blue-box span {
		font-size: 48px;
	}

	.counter-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		margin-top: 100px;
	}
}

@media (min-width: 1200px) {
	.blue-box span {
		font-size: 64px;
	}


	.counter-grid {
		margin-top: 160px;
	}
}

@media (max-width:767px){
    #experience img {
        width: 90% !important;
    }
}