.image-treatment {
  max-height: 310px;
  max-width: 100%;
  position: relative; }
  .image-treatment .image-big {
    height: 320px;
    width: 92%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-clip: content-box;
    padding: 0 0 17px 7px;
    position: relative;
    z-index: 2; }
    .image-treatment .image-big .svg-triangle-up-right {
      z-index: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      bottom: 0;
      right: 0;
      opacity: 0.4; }
      .image-treatment .image-big .svg-triangle-up-right svg {
        width: 100%;
        height: 100%; }
        .image-treatment .image-big .svg-triangle-up-right svg polygon {
          fill: url(#light-to-dark-blue); }
  .image-treatment .svg-triangle-down-left {
    z-index: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 1; }
    .image-treatment .svg-triangle-down-left svg {
      width: 100%;
      height: 100%; }
      .image-treatment .svg-triangle-down-left svg polygon {
        fill: #26588D; }
  .image-treatment .image-small {
    background-size: cover;
    border: 10px solid #FFFFFF;
    height: 60%;
    width: 72%;
    max-width: 310px;
    z-index: 2;
    position: absolute;
    bottom: -12%;
    right: 0; }

/* TABLET UP ----------------------------------------------------------- */
@media screen and (min-width: 769px) {
  .image-treatment {
    max-height: 700px;
    max-width: 660px; }
    .image-treatment .image-big {
      height: 600px;
      width: 600px;
      padding: 0 0 10px 10px; }
    .image-treatment .image-small {
      border: 20px solid #FFFFFF;
      max-width: initial; }
    .image-treatment .triangle-down {
      width: 40%;
      padding-bottom: 40%; } }