.photos {overflow:hidden;}
.photos-grid {width: 100%;height: 856px;position: relative;}
.photos-grid .photos-grid-inner {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;}
.photos-grid .photos-grid-column {
    position: absolute;
    top: 0;
    margin-left: -136px;
    left: 50%;
    width: 344px;
    transform-origin: center;
    will-change: transform;
    animation-duration: 140s;
    animation-timing-function: linear;
    animation-name: grid-animation-large;
    animation-iteration-count: infinite;
}
.photos-grid .photos-grid-column.reverse {animation-name: grid-animation-reverse-large;}
.photos-grid .photos-grid-column:nth-child(2) {animation-delay: -120s;}
.photos-grid .photos-grid-column:nth-child(3) {animation-delay: -100s;}
.photos-grid .photos-grid-column:nth-child(4) {animation-delay: -80s;}
.photos-grid .photos-grid-column:nth-child(5) {animation-delay: -60s;}
.photos-grid .photos-grid-column:nth-child(6) {animation-delay: -40s;}
.photos-grid .photos-grid-column:nth-child(7) {animation-delay: -20s;}
.photos-grid .photos-grid-item {
    width: 100%;
    height: 352px;
    background-color: lightgrey;
    border-radius: 20px;
    margin-bottom: 48px;
    overflow: hidden;
}
.photos-grid .photos-grid-item img {height: 100%;object-fit: cover;}
.photos-grid .photos-grid-item:last-child {margin-bottom: 0;}

/* Media Screen CSS */
@media screen and (max-width:1440px) {
    .photos-grid {height: 764px;}
	.photos-grid .photos-grid-column {width: 272px;animation-name: grid-animation;}
	.photos-grid .photos-grid-column.reverse {animation-name: grid-animation-reverse;}
	.photos-grid .photos-grid-item {height: 296px;}
}
@media screen and (max-width:1024px) {
    .photos-grid .photos-grid-column {width: 256px;animation-name: grid-animation-small;}
	.photos-grid .photos-grid-column.reverse {animation-name: grid-animation-reverse-small;}
	.photos-grid .photos-grid-item {height: 280px;margin-bottom: 40px;}
}
@media screen and (max-width:768px) {
    .photos-grid {height: 616px;}	
    .photos-grid .photos-grid-column {width: 208px;animation-name: grid-animation-tablet;}
	.photos-grid .photos-grid-column.reverse {animation-name: grid-animation-reverse-tablet;}
	.photos-grid .photos-grid-item {height: 224px;margin-bottom: 32px;}
}
@media screen and (max-width:420px) {
    .photos-grid {height: 464px;}
    .photos-grid .photos-grid-column {width: 152px;animation-name: grid-animation-phablet;}
	.photos-grid .photos-grid-column.reverse {animation-name: grid-animation-reverse-phablet;}
	 .photos-grid .photos-grid-item {height: 164px;margin-bottom: 24px;}
}
@media screen and (max-width:375px) {
    .photos-grid {height: 400px;}
	.photos-grid .photos-grid-column {width: 136px;animation-name: grid-animation-phone;}
	.photos-grid .photos-grid-column.reverse {animation-name: grid-animation-reverse-phone;}
	.photos-grid .photos-grid-item {height: 148px;}
}
/* Animation CSS*/
@keyframes grid-animation-large {
    0% {
    transform: translate3d(1348px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(-1348px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation {
    0% {
    transform: translate3d(1096px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(-1096px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-small {
    0% {
    transform: translate3d(1040px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(-1040px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-tablet {
    0% {
    transform: translate3d(824px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(-824px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-phablet {
    0% {
    transform: translate3d(604px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(-604px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-phone {
    0% {
    transform: translate3d(548px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(-548px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-reverse-large {
    0% {
    transform: translate3d(-1348px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(1348px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-reverse {
    0% {
    transform: translate3d(-1096px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(1096px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-reverse-small {
    0% {
    transform: translate3d(-1040px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(1040px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-reverse-tablet {
    0% {
    transform: translate3d(-824px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(824px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-reverse-phablet {
    0% {
    transform: translate3d(-604px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(604px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}@keyframes grid-animation-reverse-phone {
    0% {
    transform: translate3d(-548px, 144px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
5% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
6% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
94% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
95% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
100% {
    transform: translate3d(548px, -56px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
}