.masonry-with-columns {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-left: 15px;
}
.masonry-with-columns div {
  height: 200px;
  line-height: 153px;
  background: #e714ef;
  color: rgba(255, 255, 255, 0);
  margin: 0 1rem 1rem 0;
  text-align: center;
  font-family: system-ui;
  font-weight: 900;
  font-size: 2rem;
  flex: 1 0 auto;
  background-size: cover;
}

.masonry-with-columns div:hover{
  color: #ffffff;
}

.masonry-with-columns div:nth-child(1) {
  width: 211px;
  background-image:url(../images/IMG_0357%20ver%202.jpg);
  background-position: center;
}
.masonry-with-columns div:nth-child(2) {
  width: 433px;
  background-image:url(../images/IMG_0654%20ver%202.jpg);
}
.masonry-with-columns div:nth-child(3) {
  width: 327px;
  background-image:url(../images/IMG_1145%20ver%202.jpg);
  background-position: center;
}
.masonry-with-columns div:nth-child(4) {
  width: 95px;
  background-image:url(../images/IMG_0379%20ver%202.jpg);
  background-position: center;
}
.masonry-with-columns div:nth-child(5) {
  width: 92px;
  background-image:url(../images/IMG_0616%20ver%202.jpg);
  background-position: center;
}
.masonry-with-columns div:nth-child(6) {
  width: 112px;
  background-image:url(../images/IMG_0935-2%20ver%202.jpg);
  background-position: center;
}
.masonry-with-columns div:nth-child(7) {
  width: 167px;
  background-image:url(../images/IMG_1132%20ver%202.jpg);
}
.masonry-with-columns div:nth-child(8) {
  width: 315px;
  background-image:url(../images/IMG_0457%20ver%202.jpg);
  background-position: center;
}
.masonry-with-columns div:nth-child(9) {
  width: 268px;
  background-image:url(../images/IMG_3613%20ver%202.jpg);
  background-position: center;
}
.masonry-with-columns div:nth-child(10) {
  width: 198px;
  background-image:url(../images/IMG_5743%20ver%202.jpg);
  background-position: top;
}
.masonry-with-columns div:nth-child(11) {
  width: 257px;
  background-image:url(../images/IMG_4180%20ver%202.jpg);
  background-position: top;
}
.masonry-with-columns div:nth-child(12) {
  width: 337px;
  background-image:url(../images/IMG_9353%20ver%202.jpg);
  background-position: top;
}
.masonry-with-columns div:nth-child(13) {
  width: 382px;
  background-image:url(../images/IMG_0582%20ver%202.jpg);
  
}
.masonry-with-columns div:nth-child(14) {
  width: 221px;
  background-image:url(../images/IMG_1125%20ver%202.jpg);
  background-position: center;
}
.masonry-with-columns div:nth-child(15) {
  width: 159px;
  background-image:url(../images/IMG_2262%20ver%202.jpg);
}
.masonry-with-columns div:nth-child(16) {
  width: 268px;
}
.masonry-with-columns div:nth-child(17) {
  width: 414px;
}
.masonry-with-columns div:nth-child(18) {
  width: 297px;
}
.masonry-with-columns div:nth-child(19) {
  width: 226px;
}
.masonry-with-columns div:nth-child(20) {
  width: 214px;
}
.masonry-with-columns div:nth-child(21) {
  width: 407px;
}
.masonry-with-columns div:nth-child(22) {
  width: 316px;
}
.masonry-with-columns div:nth-child(23) {
  width: 158px;
}
.masonry-with-columns div:nth-child(24) {
  width: 380px;
}
.masonry-with-columns div:nth-child(25) {
  width: 259px;
}
.masonry-with-columns div:nth-child(26) {
  width: 164px;
}
.masonry-with-columns div:nth-child(27) {
  width: 257px;
}
.masonry-with-columns div:nth-child(28) {
  width: 381px;
}
.masonry-with-columns div:nth-child(29) {
  width: 281px;
}
.masonry-with-columns div:nth-child(30) {
  width: 81px;
}
.masonry-with-columns div:nth-child(31) {
  width: 102px;
}
.masonry-with-columns div:nth-child(32) {
  width: 343px;
}
.masonry-with-columns div:nth-child(33) {
  width: 175px;
}
.masonry-with-columns div:nth-child(34) {
  width: 109px;
}
.masonry-with-columns div:nth-child(35) {
  width: 395px;
}
.masonry-with-columns div:nth-child(36) {
  width: 255px;
}