.photo_grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(9, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.photo_grid .grid_item{width: auto; position: relative;border-radius: 10px;overflow: hidden; border: 1px solid #C8C8C8}
.photo_grid .grid_item .image_container{display: block; height: 100%; width: 100%; border-radius: 10px; overflow: hidden;}
.photo_grid .grid_item .image_container img{object-fit: cover; min-height: 100%; min-width: 100%;}
.photo_grid .grid_item:nth-child(1){ grid-area: 1 / 1 / 5 / 3; }
.photo_grid .grid_item:nth-child(2){ grid-area: 1 / 3 / 3 / 4; }
.photo_grid .grid_item:nth-child(3){ grid-area: 3 / 3 / 7 / 4; }
.photo_grid .grid_item:nth-child(4) { grid-area: 5 / 1 / 7 / 2; }
.photo_grid .grid_item:nth-child(5) { grid-area: 5 / 2 / 7 / 3; }
.photo_grid .grid_item:nth-child(6) { grid-area: 7 / 1 / 10 / 2; }
.photo_grid .grid_item:nth-child(7){ grid-area: 7 / 2 / 10 / 4; }

.photo_grid .grid_item .hover_content h3{font-size: 30px;font-weight: bold;color: #fff;border-bottom: 1px solid #fff;padding-bottom: 15px;}

.photo_grid .grid_item .hover_content{display: none;position: absolute;bottom: 5%;left: 3%;right:3%;color: #fff;}
.photo_grid .grid_item .hover_icon,
.newsitems_grid article .hover_icon {display:block;font-size: 70px;position: absolute;top: calc(50% - 35px);left: calc(50% - 35px);color: #fff;opacity: 0;pointer-events: none;}
.photo_grid .grid_item:hover .hover_content{display: block;animation-name: slide-up;animation-duration: 0.2s;animation-timing-function: ease-in;}
.photo_grid .grid_item:hover .hover_icon,
.newsitems_grid article:hover .hover_icon{opacity: 1;transition: all 0.2s ease;}