.postcard {
  position: relative;
  margin: 0 auto;
  width: 100%;
  border-radius: 8px;
  background: #000 url('../images/bg-airmail-5.jpg');
  padding: 7px;
  box-shadow: 
    1px 1px 5px rgba(0,0,0,0.5);
}
/*.postcard:before {
  content: '';
  position: absolute;
  top: 0;
  right: -4px;
  bottom: 0;
  left: 4px;
  border-radius: 8px;
   background: #000 url('images/bg-airmail-5.jpg');
  transform: rotate(1deg);
  box-shadow: 
    1px 1px 5px rgba(0,0,0,0.5);
  z-index: -10;
}*/

.postcard .content {
  position: relative;
  text-align: center;
  background: #fff;
  padding: 60px;
  border-radius: 5px;
  border: solid 1px #ccc;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  padding: 10px;
  min-height: 420px;
}
                
               
.flip-card {
  background-color: transparent;
 /* width: 300px;
  height: 200px;*/
/*  border: 1px solid #f1f1f1;*/
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}


.flip-card-front {
  background-color: #bbb;
  color: black;
    width: 100%;
}
.flip-card-front img{                
                width: 100%;
    border: 3px solid white;
    border-radius: 8px;
    max-height: 410px;
                }
/* Style the back side */
.flip-card-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}
                

.left-blog.left-single{
    margin-bottom: 60%;
}                
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
  font-family: Onelove;
  color: white;
  font-size: 5em;
    text-shadow: 3px 3px 7px rgb(23, 22, 22, 1)
}
                .top-right {
  position: absolute;
  top: 8px;
  right: 16px;
  font-family: Onelove;
  color: white;
  font-size: 3em;
}
.bottom-right {
  position: absolute;
  bottom: -400px;
  right: 16px;
  color: pink;
  font-family:Abuget;
  font-size: 3em;
  text-shadow: 3px 3px 7px rgb(14, 14, 14);
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.postage-stamp{
 width: 8%; 
}