/* Base styles */
.wif-frame {
  display:block;
  position:relative;
  margin: 0.75rem auto;
  padding: 8px;
  background:#fff;
  border:2px solid #e5e7eb; /* neutral */
  border-radius:12px;
  box-shadow: 0 6px 14px rgba(0,0,0,.07);
  overflow:hidden;
  max-width:100%;
}
.wif-frame img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  height:auto;
  border-radius:8px;
}
/* Caption bar (from ALT) */
.wif-caption {
  position:absolute;
  top:8px;
  left:8px;
  right:8px;
  font-size: 13px;
  line-height: 1.35;
  padding: 6px 10px;
  background: rgba(0,0,0,.65);
  color:#fff;
  border-radius: 8px;
  pointer-events:none;
  transition: opacity .25s ease, transform .25s ease;
}
.wif-frame.overlay-hover .wif-caption {
  opacity:0;
  transform: translateY(-6px);
}
.wif-frame.overlay-hover:hover .wif-caption {
  opacity:1;
  transform: translateY(0);
}
.wif-frame.overlay-off .wif-caption { display:none; }
/* Responsive behavior */
@media (max-width:600px){
  .wif-frame { margin: 0.5rem; }
  .wif-caption { font-size:12px; padding:5px 8px; }
}


/* Theme 1 */
.wif-frame.theme-1 {
  border-color: hsl(7, 45%, 70%);
  background: linear-gradient(180deg, hsla(7, 60%, 99%, 1) 0%, hsla(7, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(7, 60%, 40%, 0.12);
}
.wif-frame.theme-1 .wif-caption {
  background: linear-gradient(90deg, hsla(7, 65%, 40%, .92), hsla(32, 65%, 40%, .92));
}


/* Theme 2 */
.wif-frame.theme-2 {
  border-color: hsl(14, 45%, 70%);
  background: linear-gradient(180deg, hsla(14, 60%, 99%, 1) 0%, hsla(14, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(14, 60%, 40%, 0.12);
}
.wif-frame.theme-2 .wif-caption {
  background: linear-gradient(90deg, hsla(14, 65%, 40%, .92), hsla(39, 65%, 40%, .92));
}


/* Theme 3 */
.wif-frame.theme-3 {
  border-color: hsl(21, 45%, 70%);
  background: linear-gradient(180deg, hsla(21, 60%, 99%, 1) 0%, hsla(21, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(21, 60%, 40%, 0.12);
}
.wif-frame.theme-3 .wif-caption {
  background: linear-gradient(90deg, hsla(21, 65%, 40%, .92), hsla(46, 65%, 40%, .92));
}


/* Theme 4 */
.wif-frame.theme-4 {
  border-color: hsl(28, 45%, 70%);
  background: linear-gradient(180deg, hsla(28, 60%, 99%, 1) 0%, hsla(28, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(28, 60%, 40%, 0.12);
}
.wif-frame.theme-4 .wif-caption {
  background: linear-gradient(90deg, hsla(28, 65%, 40%, .92), hsla(53, 65%, 40%, .92));
}


/* Theme 5 */
.wif-frame.theme-5 {
  border-color: hsl(35, 45%, 70%);
  background: linear-gradient(180deg, hsla(35, 60%, 99%, 1) 0%, hsla(35, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(35, 60%, 40%, 0.12);
}
.wif-frame.theme-5 .wif-caption {
  background: linear-gradient(90deg, hsla(35, 65%, 40%, .92), hsla(60, 65%, 40%, .92));
}


/* Theme 6 */
.wif-frame.theme-6 {
  border-color: hsl(42, 45%, 70%);
  background: linear-gradient(180deg, hsla(42, 60%, 99%, 1) 0%, hsla(42, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(42, 60%, 40%, 0.12);
}
.wif-frame.theme-6 .wif-caption {
  background: linear-gradient(90deg, hsla(42, 65%, 40%, .92), hsla(67, 65%, 40%, .92));
}


/* Theme 7 */
.wif-frame.theme-7 {
  border-color: hsl(49, 45%, 70%);
  background: linear-gradient(180deg, hsla(49, 60%, 99%, 1) 0%, hsla(49, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(49, 60%, 40%, 0.12);
}
.wif-frame.theme-7 .wif-caption {
  background: linear-gradient(90deg, hsla(49, 65%, 40%, .92), hsla(74, 65%, 40%, .92));
}


/* Theme 8 */
.wif-frame.theme-8 {
  border-color: hsl(56, 45%, 70%);
  background: linear-gradient(180deg, hsla(56, 60%, 99%, 1) 0%, hsla(56, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(56, 60%, 40%, 0.12);
}
.wif-frame.theme-8 .wif-caption {
  background: linear-gradient(90deg, hsla(56, 65%, 40%, .92), hsla(81, 65%, 40%, .92));
}


/* Theme 9 */
.wif-frame.theme-9 {
  border-color: hsl(63, 45%, 70%);
  background: linear-gradient(180deg, hsla(63, 60%, 99%, 1) 0%, hsla(63, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(63, 60%, 40%, 0.12);
}
.wif-frame.theme-9 .wif-caption {
  background: linear-gradient(90deg, hsla(63, 65%, 40%, .92), hsla(88, 65%, 40%, .92));
}


/* Theme 10 */
.wif-frame.theme-10 {
  border-color: hsl(70, 45%, 70%);
  background: linear-gradient(180deg, hsla(70, 60%, 99%, 1) 0%, hsla(70, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(70, 60%, 40%, 0.12);
}
.wif-frame.theme-10 .wif-caption {
  background: linear-gradient(90deg, hsla(70, 65%, 40%, .92), hsla(95, 65%, 40%, .92));
}


/* Theme 11 */
.wif-frame.theme-11 {
  border-color: hsl(77, 45%, 70%);
  background: linear-gradient(180deg, hsla(77, 60%, 99%, 1) 0%, hsla(77, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(77, 60%, 40%, 0.12);
}
.wif-frame.theme-11 .wif-caption {
  background: linear-gradient(90deg, hsla(77, 65%, 40%, .92), hsla(102, 65%, 40%, .92));
}


/* Theme 12 */
.wif-frame.theme-12 {
  border-color: hsl(84, 45%, 70%);
  background: linear-gradient(180deg, hsla(84, 60%, 99%, 1) 0%, hsla(84, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(84, 60%, 40%, 0.12);
}
.wif-frame.theme-12 .wif-caption {
  background: linear-gradient(90deg, hsla(84, 65%, 40%, .92), hsla(109, 65%, 40%, .92));
}


/* Theme 13 */
.wif-frame.theme-13 {
  border-color: hsl(91, 45%, 70%);
  background: linear-gradient(180deg, hsla(91, 60%, 99%, 1) 0%, hsla(91, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(91, 60%, 40%, 0.12);
}
.wif-frame.theme-13 .wif-caption {
  background: linear-gradient(90deg, hsla(91, 65%, 40%, .92), hsla(116, 65%, 40%, .92));
}


/* Theme 14 */
.wif-frame.theme-14 {
  border-color: hsl(98, 45%, 70%);
  background: linear-gradient(180deg, hsla(98, 60%, 99%, 1) 0%, hsla(98, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(98, 60%, 40%, 0.12);
}
.wif-frame.theme-14 .wif-caption {
  background: linear-gradient(90deg, hsla(98, 65%, 40%, .92), hsla(123, 65%, 40%, .92));
}


/* Theme 15 */
.wif-frame.theme-15 {
  border-color: hsl(105, 45%, 70%);
  background: linear-gradient(180deg, hsla(105, 60%, 99%, 1) 0%, hsla(105, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(105, 60%, 40%, 0.12);
}
.wif-frame.theme-15 .wif-caption {
  background: linear-gradient(90deg, hsla(105, 65%, 40%, .92), hsla(130, 65%, 40%, .92));
}


/* Theme 16 */
.wif-frame.theme-16 {
  border-color: hsl(112, 45%, 70%);
  background: linear-gradient(180deg, hsla(112, 60%, 99%, 1) 0%, hsla(112, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(112, 60%, 40%, 0.12);
}
.wif-frame.theme-16 .wif-caption {
  background: linear-gradient(90deg, hsla(112, 65%, 40%, .92), hsla(137, 65%, 40%, .92));
}


/* Theme 17 */
.wif-frame.theme-17 {
  border-color: hsl(119, 45%, 70%);
  background: linear-gradient(180deg, hsla(119, 60%, 99%, 1) 0%, hsla(119, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(119, 60%, 40%, 0.12);
}
.wif-frame.theme-17 .wif-caption {
  background: linear-gradient(90deg, hsla(119, 65%, 40%, .92), hsla(144, 65%, 40%, .92));
}


/* Theme 18 */
.wif-frame.theme-18 {
  border-color: hsl(126, 45%, 70%);
  background: linear-gradient(180deg, hsla(126, 60%, 99%, 1) 0%, hsla(126, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(126, 60%, 40%, 0.12);
}
.wif-frame.theme-18 .wif-caption {
  background: linear-gradient(90deg, hsla(126, 65%, 40%, .92), hsla(151, 65%, 40%, .92));
}


/* Theme 19 */
.wif-frame.theme-19 {
  border-color: hsl(133, 45%, 70%);
  background: linear-gradient(180deg, hsla(133, 60%, 99%, 1) 0%, hsla(133, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(133, 60%, 40%, 0.12);
}
.wif-frame.theme-19 .wif-caption {
  background: linear-gradient(90deg, hsla(133, 65%, 40%, .92), hsla(158, 65%, 40%, .92));
}


/* Theme 20 */
.wif-frame.theme-20 {
  border-color: hsl(140, 45%, 70%);
  background: linear-gradient(180deg, hsla(140, 60%, 99%, 1) 0%, hsla(140, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(140, 60%, 40%, 0.12);
}
.wif-frame.theme-20 .wif-caption {
  background: linear-gradient(90deg, hsla(140, 65%, 40%, .92), hsla(165, 65%, 40%, .92));
}


/* Theme 21 */
.wif-frame.theme-21 {
  border-color: hsl(147, 45%, 70%);
  background: linear-gradient(180deg, hsla(147, 60%, 99%, 1) 0%, hsla(147, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(147, 60%, 40%, 0.12);
}
.wif-frame.theme-21 .wif-caption {
  background: linear-gradient(90deg, hsla(147, 65%, 40%, .92), hsla(172, 65%, 40%, .92));
}


/* Theme 22 */
.wif-frame.theme-22 {
  border-color: hsl(154, 45%, 70%);
  background: linear-gradient(180deg, hsla(154, 60%, 99%, 1) 0%, hsla(154, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(154, 60%, 40%, 0.12);
}
.wif-frame.theme-22 .wif-caption {
  background: linear-gradient(90deg, hsla(154, 65%, 40%, .92), hsla(179, 65%, 40%, .92));
}


/* Theme 23 */
.wif-frame.theme-23 {
  border-color: hsl(161, 45%, 70%);
  background: linear-gradient(180deg, hsla(161, 60%, 99%, 1) 0%, hsla(161, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(161, 60%, 40%, 0.12);
}
.wif-frame.theme-23 .wif-caption {
  background: linear-gradient(90deg, hsla(161, 65%, 40%, .92), hsla(186, 65%, 40%, .92));
}


/* Theme 24 */
.wif-frame.theme-24 {
  border-color: hsl(168, 45%, 70%);
  background: linear-gradient(180deg, hsla(168, 60%, 99%, 1) 0%, hsla(168, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(168, 60%, 40%, 0.12);
}
.wif-frame.theme-24 .wif-caption {
  background: linear-gradient(90deg, hsla(168, 65%, 40%, .92), hsla(193, 65%, 40%, .92));
}


/* Theme 25 */
.wif-frame.theme-25 {
  border-color: hsl(175, 45%, 70%);
  background: linear-gradient(180deg, hsla(175, 60%, 99%, 1) 0%, hsla(175, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(175, 60%, 40%, 0.12);
}
.wif-frame.theme-25 .wif-caption {
  background: linear-gradient(90deg, hsla(175, 65%, 40%, .92), hsla(200, 65%, 40%, .92));
}


/* Theme 26 */
.wif-frame.theme-26 {
  border-color: hsl(182, 45%, 70%);
  background: linear-gradient(180deg, hsla(182, 60%, 99%, 1) 0%, hsla(182, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(182, 60%, 40%, 0.12);
}
.wif-frame.theme-26 .wif-caption {
  background: linear-gradient(90deg, hsla(182, 65%, 40%, .92), hsla(207, 65%, 40%, .92));
}


/* Theme 27 */
.wif-frame.theme-27 {
  border-color: hsl(189, 45%, 70%);
  background: linear-gradient(180deg, hsla(189, 60%, 99%, 1) 0%, hsla(189, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(189, 60%, 40%, 0.12);
}
.wif-frame.theme-27 .wif-caption {
  background: linear-gradient(90deg, hsla(189, 65%, 40%, .92), hsla(214, 65%, 40%, .92));
}


/* Theme 28 */
.wif-frame.theme-28 {
  border-color: hsl(196, 45%, 70%);
  background: linear-gradient(180deg, hsla(196, 60%, 99%, 1) 0%, hsla(196, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(196, 60%, 40%, 0.12);
}
.wif-frame.theme-28 .wif-caption {
  background: linear-gradient(90deg, hsla(196, 65%, 40%, .92), hsla(221, 65%, 40%, .92));
}


/* Theme 29 */
.wif-frame.theme-29 {
  border-color: hsl(203, 45%, 70%);
  background: linear-gradient(180deg, hsla(203, 60%, 99%, 1) 0%, hsla(203, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(203, 60%, 40%, 0.12);
}
.wif-frame.theme-29 .wif-caption {
  background: linear-gradient(90deg, hsla(203, 65%, 40%, .92), hsla(228, 65%, 40%, .92));
}


/* Theme 30 */
.wif-frame.theme-30 {
  border-color: hsl(210, 45%, 70%);
  background: linear-gradient(180deg, hsla(210, 60%, 99%, 1) 0%, hsla(210, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(210, 60%, 40%, 0.12);
}
.wif-frame.theme-30 .wif-caption {
  background: linear-gradient(90deg, hsla(210, 65%, 40%, .92), hsla(235, 65%, 40%, .92));
}


/* Theme 31 */
.wif-frame.theme-31 {
  border-color: hsl(217, 45%, 70%);
  background: linear-gradient(180deg, hsla(217, 60%, 99%, 1) 0%, hsla(217, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(217, 60%, 40%, 0.12);
}
.wif-frame.theme-31 .wif-caption {
  background: linear-gradient(90deg, hsla(217, 65%, 40%, .92), hsla(242, 65%, 40%, .92));
}


/* Theme 32 */
.wif-frame.theme-32 {
  border-color: hsl(224, 45%, 70%);
  background: linear-gradient(180deg, hsla(224, 60%, 99%, 1) 0%, hsla(224, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(224, 60%, 40%, 0.12);
}
.wif-frame.theme-32 .wif-caption {
  background: linear-gradient(90deg, hsla(224, 65%, 40%, .92), hsla(249, 65%, 40%, .92));
}


/* Theme 33 */
.wif-frame.theme-33 {
  border-color: hsl(231, 45%, 70%);
  background: linear-gradient(180deg, hsla(231, 60%, 99%, 1) 0%, hsla(231, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(231, 60%, 40%, 0.12);
}
.wif-frame.theme-33 .wif-caption {
  background: linear-gradient(90deg, hsla(231, 65%, 40%, .92), hsla(256, 65%, 40%, .92));
}


/* Theme 34 */
.wif-frame.theme-34 {
  border-color: hsl(238, 45%, 70%);
  background: linear-gradient(180deg, hsla(238, 60%, 99%, 1) 0%, hsla(238, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(238, 60%, 40%, 0.12);
}
.wif-frame.theme-34 .wif-caption {
  background: linear-gradient(90deg, hsla(238, 65%, 40%, .92), hsla(263, 65%, 40%, .92));
}


/* Theme 35 */
.wif-frame.theme-35 {
  border-color: hsl(245, 45%, 70%);
  background: linear-gradient(180deg, hsla(245, 60%, 99%, 1) 0%, hsla(245, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(245, 60%, 40%, 0.12);
}
.wif-frame.theme-35 .wif-caption {
  background: linear-gradient(90deg, hsla(245, 65%, 40%, .92), hsla(270, 65%, 40%, .92));
}


/* Theme 36 */
.wif-frame.theme-36 {
  border-color: hsl(252, 45%, 70%);
  background: linear-gradient(180deg, hsla(252, 60%, 99%, 1) 0%, hsla(252, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(252, 60%, 40%, 0.12);
}
.wif-frame.theme-36 .wif-caption {
  background: linear-gradient(90deg, hsla(252, 65%, 40%, .92), hsla(277, 65%, 40%, .92));
}


/* Theme 37 */
.wif-frame.theme-37 {
  border-color: hsl(259, 45%, 70%);
  background: linear-gradient(180deg, hsla(259, 60%, 99%, 1) 0%, hsla(259, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(259, 60%, 40%, 0.12);
}
.wif-frame.theme-37 .wif-caption {
  background: linear-gradient(90deg, hsla(259, 65%, 40%, .92), hsla(284, 65%, 40%, .92));
}


/* Theme 38 */
.wif-frame.theme-38 {
  border-color: hsl(266, 45%, 70%);
  background: linear-gradient(180deg, hsla(266, 60%, 99%, 1) 0%, hsla(266, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(266, 60%, 40%, 0.12);
}
.wif-frame.theme-38 .wif-caption {
  background: linear-gradient(90deg, hsla(266, 65%, 40%, .92), hsla(291, 65%, 40%, .92));
}


/* Theme 39 */
.wif-frame.theme-39 {
  border-color: hsl(273, 45%, 70%);
  background: linear-gradient(180deg, hsla(273, 60%, 99%, 1) 0%, hsla(273, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(273, 60%, 40%, 0.12);
}
.wif-frame.theme-39 .wif-caption {
  background: linear-gradient(90deg, hsla(273, 65%, 40%, .92), hsla(298, 65%, 40%, .92));
}


/* Theme 40 */
.wif-frame.theme-40 {
  border-color: hsl(280, 45%, 70%);
  background: linear-gradient(180deg, hsla(280, 60%, 99%, 1) 0%, hsla(280, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(280, 60%, 40%, 0.12);
}
.wif-frame.theme-40 .wif-caption {
  background: linear-gradient(90deg, hsla(280, 65%, 40%, .92), hsla(305, 65%, 40%, .92));
}


/* Theme 41 */
.wif-frame.theme-41 {
  border-color: hsl(287, 45%, 70%);
  background: linear-gradient(180deg, hsla(287, 60%, 99%, 1) 0%, hsla(287, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(287, 60%, 40%, 0.12);
}
.wif-frame.theme-41 .wif-caption {
  background: linear-gradient(90deg, hsla(287, 65%, 40%, .92), hsla(312, 65%, 40%, .92));
}


/* Theme 42 */
.wif-frame.theme-42 {
  border-color: hsl(294, 45%, 70%);
  background: linear-gradient(180deg, hsla(294, 60%, 99%, 1) 0%, hsla(294, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(294, 60%, 40%, 0.12);
}
.wif-frame.theme-42 .wif-caption {
  background: linear-gradient(90deg, hsla(294, 65%, 40%, .92), hsla(319, 65%, 40%, .92));
}


/* Theme 43 */
.wif-frame.theme-43 {
  border-color: hsl(301, 45%, 70%);
  background: linear-gradient(180deg, hsla(301, 60%, 99%, 1) 0%, hsla(301, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(301, 60%, 40%, 0.12);
}
.wif-frame.theme-43 .wif-caption {
  background: linear-gradient(90deg, hsla(301, 65%, 40%, .92), hsla(326, 65%, 40%, .92));
}


/* Theme 44 */
.wif-frame.theme-44 {
  border-color: hsl(308, 45%, 70%);
  background: linear-gradient(180deg, hsla(308, 60%, 99%, 1) 0%, hsla(308, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(308, 60%, 40%, 0.12);
}
.wif-frame.theme-44 .wif-caption {
  background: linear-gradient(90deg, hsla(308, 65%, 40%, .92), hsla(333, 65%, 40%, .92));
}


/* Theme 45 */
.wif-frame.theme-45 {
  border-color: hsl(315, 45%, 70%);
  background: linear-gradient(180deg, hsla(315, 60%, 99%, 1) 0%, hsla(315, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(315, 60%, 40%, 0.12);
}
.wif-frame.theme-45 .wif-caption {
  background: linear-gradient(90deg, hsla(315, 65%, 40%, .92), hsla(340, 65%, 40%, .92));
}


/* Theme 46 */
.wif-frame.theme-46 {
  border-color: hsl(322, 45%, 70%);
  background: linear-gradient(180deg, hsla(322, 60%, 99%, 1) 0%, hsla(322, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(322, 60%, 40%, 0.12);
}
.wif-frame.theme-46 .wif-caption {
  background: linear-gradient(90deg, hsla(322, 65%, 40%, .92), hsla(347, 65%, 40%, .92));
}


/* Theme 47 */
.wif-frame.theme-47 {
  border-color: hsl(329, 45%, 70%);
  background: linear-gradient(180deg, hsla(329, 60%, 99%, 1) 0%, hsla(329, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(329, 60%, 40%, 0.12);
}
.wif-frame.theme-47 .wif-caption {
  background: linear-gradient(90deg, hsla(329, 65%, 40%, .92), hsla(354, 65%, 40%, .92));
}


/* Theme 48 */
.wif-frame.theme-48 {
  border-color: hsl(336, 45%, 70%);
  background: linear-gradient(180deg, hsla(336, 60%, 99%, 1) 0%, hsla(336, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(336, 60%, 40%, 0.12);
}
.wif-frame.theme-48 .wif-caption {
  background: linear-gradient(90deg, hsla(336, 65%, 40%, .92), hsla(1, 65%, 40%, .92));
}


/* Theme 49 */
.wif-frame.theme-49 {
  border-color: hsl(343, 45%, 70%);
  background: linear-gradient(180deg, hsla(343, 60%, 99%, 1) 0%, hsla(343, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(343, 60%, 40%, 0.12);
}
.wif-frame.theme-49 .wif-caption {
  background: linear-gradient(90deg, hsla(343, 65%, 40%, .92), hsla(8, 65%, 40%, .92));
}


/* Theme 50 */
.wif-frame.theme-50 {
  border-color: hsl(350, 45%, 70%);
  background: linear-gradient(180deg, hsla(350, 60%, 99%, 1) 0%, hsla(350, 45%, 97%, 1) 100%);
  box-shadow: 0 10px 20px hsla(350, 60%, 40%, 0.12);
}
.wif-frame.theme-50 .wif-caption {
  background: linear-gradient(90deg, hsla(350, 65%, 40%, .92), hsla(15, 65%, 40%, .92));
}