.focus-point-field {
	display: block;
	margin: 0;
	overflow: hidden;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
}

.focus-point-field img {
	display: block;
	margin: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 150px;
}

.focus-point-field .grid {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: inset 0px 1px 5px rgba(0,0,0,0.3);
	background: transparent url(focus-field.png) no-repeat center center;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

.focus-point-field input {
	display: none;/* Remove for debugging */
	position: absolute;
	left: 0;
	top: 0;
}
.focus-point-field {
	display: block;
	margin: 0;
	overflow: hidden;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	max-width: 300px;
}

.focus-point-field img {
	display: block;
	margin: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 150px;
}

.focus-point-field .grid {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: inset 0px 1px 5px rgba(0,0,0,0.3);
	background: transparent url(focus-field.png) no-repeat center center;
  -webkit-transition: background 0.1s ease;
  -moz-transition: background 0.1s ease;
  -o-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

.focus-point-field input {
	display: none;/* Remove for debugging */
	position: absolute;
	left: 0;
	top: 0;
}
Set a max width for CMS field
Set a max width for CMS field

Added a max-width to focus point field to make sure image can’t extend
past mask edges
