.parent {
    display: grid;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-radius: 10%;
}

.div1  { grid-area: 1 / 1 / 2 / 2; }
.div2  { grid-area: 1 / 2 / 2 / 3; }
.div3  { grid-area: 1 / 3 / 2 / 4; }
.div4  { grid-area: 1 / 4 / 2 / 5; }
.div5  { grid-area: 1 / 5 / 2 / 6; }
.div6  { grid-area: 2 / 1 / 3 / 2; }
.div7  { grid-area: 2 / 2 / 3 / 3; }
.div8  { grid-area: 2 / 3 / 3 / 4; }
.div9  { grid-area: 2 / 4 / 3 / 5; }
.div10 { grid-area: 2 / 5 / 3 / 6; }

.parent > div {
    overflow: hidden;
}

.parent > div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10%;
    transition: transform 0.4s ease;
}

.parent > div img:hover {
    transform: scale(1.15) rotate(5deg);
}