.main-wrap-grid {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
	/* min-height: 600px; */    
	background-color: #000;
}
.main-wrap-grid .measureup3container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: transparent;
    background-image: none;
    background-attachment: inherit;
    padding: 120px;
	position: relative;
}


.main-wrap-grid .grid{
	position: relative;
	width: 100%;
	height: 100%;
}
.grid_item {
	position: absolute; 
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;   
		transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
}
.grid_item.pos-1 {
    top: calc(50% + 27px);
    left: calc(50% - 660px);
	transition-delay: 0.2s;
}
.grid_item.pos-2{
	top: calc(50% + 100px);
    left: calc(50% - 460px);
	  transition-delay: 0.4s;

}
.grid_item.pos-3 {
    top: calc(50% + 280px);
    left: calc(50% - 630px);
	  transition-delay: 0.6s;

}
.grid_item.pos-4 {
    top: calc(50% + 400px);
    left: calc(50% - 400px);
	  transition-delay: 0.8s;

}
.grid_item.pos-5 {
    top: calc(50% + 50px);
    left: calc(50% + 500px);
	transition-delay: 1s;
}
.grid_item.pos-6 {
    top: calc(50% + 198px);
    left: calc(50% + 494px);
	transition-delay: 1.2s;
}
.grid_item.pos-7 {
    top: calc(50% + 350px);
    left: calc(50% + 225px);
	transition-delay: 1.4s;
}
.grid_item.pos-8 {
    top: calc(50% + 430px);
    left: calc(50% + 430px);
	transition-delay: 1.6s;
}

.grid_item img {
	object-fit: cover;
}
.grid_item.pos-1 img {
    max-width: 165px;
    height: 125px;
}
.grid_item.pos-2 img {
    max-width: 81px;
    height: 102px;
}
.grid_item.pos-3 img {
    max-width: 191px;
    height: 182px;
}
.grid_item.pos-4 img {
    max-width: 163px;
    height: 125px;
    object-fit: cover;
}
.grid_item.pos-5 img {
    max-width: 136px;
    height: 114px;
}
.grid_item.pos-6 img {
    max-width: 191px;
    height: 125px;
}
.grid_item.pos-7 img {
    max-width: 191px;
    height: 114px;
}
.grid_item.pos-8 img {
    max-width: 245px;
    height: 148px;
}

.main-wrap-grid.active-animation .grid_item{
	opacity: 0.5;
	-webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

@media only screen and (max-width: 1024px) {
	.main-wrap-grid .grid {
		display: none;
	}
	.main-wrap-grid  .measureup3container {
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center top;
		background-color: rgba(0, 0, 0, 1);
		background-image: url(https://www.navysealfoundation.org/wp-content/uploads/2021/03/Who-We-Are.jpg);
		background-attachment: inherit;
		padding: 120px;
	}
	.main-wrap-grid  .blackpaddingcontainer {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center top;
		background-color: rgba(0, 0, 0, 1);
		background-image: url(https://www.navysealfoundation.org/wp-content/uploads/2021/03/Who-We-Are.jpg);
		background-attachment: scroll;
	}
}
@media only screen and (max-width: 992px) {
	.main-wrap-grid  .measureup3container {
		padding: 0px;
	}
}