body{
	margin:0px;
	padding:0px;
}
#crop_wrapper{
	position:relative;
	/*margin-left:150px;*/
	/*margin-top:50px;*/
	width:600px;
	height:400px;
	background:white;
	overflow:hidden;

	display: flex;
    justify-content: center;
    align-items: center;
}
#main_image{
	width:600px;
	/*height:400px;*/
	height:auto;
    opacity: 0.5;
}
/*#crop_div img{
    height: 200px;
    width: 100px;
}*/
#crop_div{
	width:200px;
	height:200px;
	border:1px dashed black;
	position:absolute;
	top:100px;
    left:100px;
	box-sizing:border-box;
}
#crop_div2{
	width:100px;
	height:250px;
	border:1px dashed white;
	position:absolute;
	top:75px;
    left:250px;
	box-sizing:border-box;
}
#crop_div3{
	width:100px;
	height:200px;
	border:1px dashed white;
	position:absolute;
	top:100px;
    left:400px;
	box-sizing:border-box;
}

#inside_crop_div{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#imginside{
    /*height: 400px;*/
	height: auto;
    width: 600px;
}

@media(max-width:700px){
    #crop_div{
		width:100px;
		height:100px;
		border:1px dashed black;
		position:absolute;
		top:50px;
		left:50px;
		box-sizing:border-box;
	}
	#crop_div2{
		width:50px;
		height:125px;
		border:1px dashed white;
		position:absolute;
		top:75px;
		left:250px;
		box-sizing:border-box;
	}
	#crop_div3{
		width:50px;
		height:100px;
		border:1px dashed white;
		position:absolute;
		top:100px;
		left:400px;
		box-sizing:border-box;
	}
}