.wp-block-common-portfolio__item { margin: 0; padding: 0; flex-shrink: 1; flex-grow: 0; }
.wp-block-common-portfolio__item.portfolio-portrait { flex-basis: calc((100% - var(--portfolio-column-gap)) * 3 / 7); }
.wp-block-common-portfolio__item.portfolio-landscape-small { flex-basis: calc((100% - var(--portfolio-column-gap)) * 1 / 2); }
.wp-block-common-portfolio__item.portfolio-landscape-medium { flex-basis: calc((100% - var(--portfolio-column-gap)) * 4 / 7); }
.wp-block-common-portfolio__item.portfolio-landscape-large { flex-basis: calc((100% - var(--portfolio-column-gap)) * 213 / 224); }
.wp-block-common-portfolio__item.align-top { align-self: flex-start; }
.wp-block-common-portfolio__item.align-middle { align-self: center; }
.wp-block-common-portfolio__item.align-bottom { align-self: flex-end; }
.wp-block-common-portfolio__item.align-left { margin: 0; }
.wp-block-common-portfolio__item.align-center { margin: 0 auto; }
.wp-block-common-portfolio__item.align-right { margin-left: auto; }
.wp-block-common-portfolio__item img { max-width: 100%; height: auto; }

.wp-block-common-portfolio__item a { display: inline-block; position: relative; line-height: 0; overflow: hidden; }
.wp-block-common-portfolio__item .wp-block-common-portfolio__item__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--red-color); padding: 16px 17px; color: var(--white-color); line-height: 1.5; text-align: left; opacity: 0; transition: opacity .5s; }
.wp-block-common-portfolio__item .wp-block-common-portfolio__item__overlay .wp-block-common-portfolio__item__overlay__title { display: block; font-weight: bold; }
.wp-block-common-portfolio__item .wp-block-common-portfolio__item__overlay .wp-block-common-portfolio__item__overlay__tags { display: block; }

.wp-block-common-portfolio__item a:hover , .wp-block-common-portfolio__item a:hover .wp-block-common-portfolio__item__overlay { opacity: 1; }

@media screen and (max-width: 768px) {

}
@media screen and (max-width: 425px) {
    .wp-block-common-portfolio__item.portfolio-portrait,
    .wp-block-common-portfolio__item.portfolio-landscape-small,
    .wp-block-common-portfolio__item.portfolio-landscape-medium,
    .wp-block-common-portfolio__item.portfolio-landscape-large { flex-basis: 100%; }
}