.package-container{
    width:100%;
    position: relative;
  }
  img{
    width:100%;
    display:block;
  }
  .frame-container{
    background-repeat: repeat;
    padding: 5%;
  }
  /* .frame-oak{
    background-image: url(https://i.pinimg.com/originals/06/78/98/0678983617fb249b21ae799129ac31cc.jpg); 
  }
  .frame-black-wood{
    background-image: url(https://image.shutterstock.com/image-photo/seamless-nice-beautiful-wood-texture-260nw-1155084610.jpg);
  }
  .frame-metal{
    background-image: url('https://img.pixers.pics/pho_wat(s3:700/FO/51/42/85/84/700_FO51428584_5999819a2cc18263e3dbe172661c9266.jpg,700,700,cms:2018/10/5bd1b6b8d04b8_220x50-watermark.png,over,480,650,jpg)/wall-murals-seamless-metal-texture.jpg.jpg');
    /* https://i.pinimg.com/originals/06/4c/81/064c813152928122bb159dd608c9f387.jpg */
  .frame-overlay{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
  }
  .frame-shadow{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4) inset;
  }
  .shadowless{
    box-shadow: none;
  }
  .mount-container{
    padding: 5%;
  }
  .mount-edge{
    border: 2px solid;
    border-top-color: #cacaca;
    border-right-color: #f5f5f5;
    border-bottom-color: #f5f5f5;
    border-left-color: #dfdfdf;
  }
  .borderless{
    border: none;
  }
  /* Mount Colours */
  .mount-container.mount-white{
    background: white;
  }
  .mount-container.mount-black{
    background: #2c2c2c;
  }
  .mount-container.mount-off-white{
    background: #fffcf9;
  }
  /* Frame overlay */
  .frame-segment{
    background: none;
    overflow: hidden;
    position: absolute;
  }
  .frame-segment-top, .frame-segment-bottom{
    width: 100%;
    height: 20px;
  }
  .frame-segment-right, .frame-segment-left{
    width: 20px;
    height: 100%;
  }
  .frame-segment-top{
    top: 0;
    left: 0;
    right: 0;
  }
  .frame-segment-right{
    top: 0;
    right: 0;
    bottom: 0;
  }
  .frame-segment-bottom{
    left:0;
    bottom:0;
    right:0;
  }
  .frame-segment-left{
    bottom:0;
    left:0;
    top: 0;
  }
  .frame-bg-outer{
    overflow: hidden;
  }
  .frame-segment-top .frame-bg-outer{
    transform-origin: top left;
    transform: rotate(-45deg);
  }
  .frame-segment-bottom .frame-bg-outer{
    transform-origin: top left;
    transform: rotate(-45deg);
  }
  .frame-segment-right .frame-bg-outer{
    transform-origin: 0 0;
    transform: rotate(45deg);
  }
  .frame-segment-left .frame-bg-outer{
    transform-origin: 0 0;
    transform: rotate(45deg);
  }
  .frame-segment-right{
    transform: scale(-1);
  }
  .frame-segment-bottom{
    transform: scale(-1);
  }
  .frame-segment-top .frame-bg-inner{
    transform-origin: top left;
    transform: rotate(45deg);
  }
  .frame-segment-bottom .frame-bg-inner{
    transform-origin: top left;
    transform: rotate(45deg);
  }
  .frame-segment-right .frame-bg-inner{
    transform-origin: 0 0;
    transform: rotate(45deg) scaleY(-1);
  }
  .frame-segment-left .frame-bg-inner{
    transform-origin: 0 0;
    transform: rotate(45deg) scaleY(-1);
  }
  
  .frame-bg-inner{
    background-repeat: repeat;
    background-size: cover;
  }
  /* Frame types (Oak, Black wood, White wood, Brushed metal */
  .frame-oak .frame-bg-inner{
    background-image: url("bg-oak1.jpg?ver=5.4");
  }
  .frame-oak .frame-bg-outer{
    background: #dcc799;
  }
  .frame-metal .frame-bg-inner{
    background-image: url("brushed-metal-lighter.jpg");
  }
  .frame-metal .frame-bg-outer{
    background: #d2d2d2;
  }
  .frame-white-wood .frame-bg-inner{
    background-image: url("bg-white-wood.jpg");
  }
  .frame-black-wood .frame-bg-inner{
    background-image: url("bg-black-wood.jpg");
  }
  .frame-black-wood .frame-bg-outer{
    background: #202020;
  }