.customCollage{
width: 100%;
height: 100%;
display: grid;
gap: 15px;
padding: 10px 50px 50px;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(3, 15vw);
grid-template-areas: "a a b b c d"
"e f b b g g"
"h f i j j k";
position: relative;
}

.collageImage{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}

.customBlock:hover .collageImage {
position: absolute;
width: 40%;
height: auto;
inset: 0;
margin: auto;
border: 15px solid white;
box-shadow: 0 0 50px crimson;
}

.customCollageTitle{
text-align: center;
margin-bottom: 0;
font-size: clamp(15px, 5vw, 45px);
}

@media only screen and (max-width: 600px){
.customCollage{
gap: 5px;
}

.customBlock:hover .collageImage {
border: 5px solid white;
}
}