.square-collage-fluid {
    width: 100%;
    height: 100%;
}

.square-collage {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.img--collage--content__0 {
    grid-area: 1 / 1 / 2 / 2;
}

.img--collage--content__1 {
    grid-area: 1 / 2 / 3 / 3;
}

.img--collage--content__2 {
    grid-area: 1 / 3 / 4 / 4;
}

.img--collage--content__3 {
    grid-area: 1 / 4 / 3 / 5;
}

.img--collage--content__4 {
    grid-area: 3 / 4 / 4 / 5;
}

.img--collage--content__5 {
    grid-area: 1 / 5 / 2 / 6;
}

.img--collage--content__6 {
    grid-area: 2 / 5 / 4 / 6;
}

.img--collage--content__7 {
    grid-area: 2 / 1 / 3 / 2;
}

.img--collage--content__8 {
    grid-area: 3 / 1 / 4 / 2;
}

.img--collage--content__9 {
    grid-area: 3 / 2 / 4 / 3;
}


.img--collage--content__0 img,
.img--collage--content__1 img,
.img--collage--content__2 img,
.img--collage--content__3 img,
.img--collage--content__4 img,
.img--collage--content__5 img,
.img--collage--content__6 img,
.img--collage--content__7 img,
.img--collage--content__8 img,
.img--collage--content__9 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s;
}

.img--collage--content__0 img:hover,
.img--collage--content__1 img:hover,
.img--collage--content__2 img:hover,
.img--collage--content__3 img:hover,
.img--collage--content__4 img:hover,
.img--collage--content__5 img:hover,
.img--collage--content__6 img:hover,
.img--collage--content__7 img:hover,
.img--collage--content__8 img:hover,
.img--collage--content__9 img:hover {
    transform: scale(0.9);
}


.collage-2 {
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
}

.collage-2__image1 {
    width: 100%;
    height: 100%;
}

.collage-2__container2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

.collage-2__image2 {
    width: 100%;
    height: 50%;
}

.collage-2__image1 img,
.collage-2__image2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 3px solid #ffffff;
}

.container-video {
    display: flex;
    width: 60%;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
    justify-self: center;
}

.container-video iframe {
    width: 100%;
    height: 100%;
}

.container-video iframe video {
    width: 100%;
    height: 100%;
}