
.insta-blog-section {
    display: flex;
    gap: 12px;
    flex-wrap: nowrap;
    margin: 24px 0;
}

.flip {
	 position: relative;
	 display: inline-block;
	 width: 100%;
}
.flip > .front, .flip > .back {
	 display: block;
	 transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	 transition-duration: 0.8s;
	 transition-property: transform, opacity;
	 background-size: cover !important;
	 background-position: center !important;
	 border-radius: 16px;
	 aspect-ratio: 9 / 16;
	 background: #5965E3;
}

.flip--1 > .front, .flip--1 > .back {
}
.flip--2 > .front, .flip--2 > .back {
    transition-delay: 150ms;
}
.flip--3 > .front, .flip--3 > .back {
    transition-delay: 25ms;
}

 .flip > .front {
	 transform: rotateY(0deg);
}
 .flip > .back {
	 position: absolute;
	 opacity: 0;
	 top: 0px;
	 left: 0px;
	 width: 100%;
	 height: 100%;
	 transform: rotateY(-180deg);
	 display: flex;
	 align-items: center;
	 justify-content: center;
}

.flip > .back span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.flip > .back span svg {
    width: 100%;
}


.insta-link-wrap {
    cursor: pointer;
}

.insta-link-wrap:hover .flip > .front {
    transform: rotateY(180deg);
}
.insta-link-wrap:hover .flip > .back {
    opacity: 1;
    transform: rotateY(0deg);
}
