.stylish-image-wrapper {

  display: flex;

  justify-content: center; /* Horizontal */

  align-items: center; /* Vertical */

  height: 100%; /* Important pour aligner verticalement */

}



.stylish-image {

  position: relative;

}



.stylish-image .stylish-img {

  position: relative; /* <- OBLIGATOIRE pour que le ::before s’aligne sur lui */

  display: inline-block; /* ou block selon le contexte */

  width: 380px;

  /*height: 380px;*/

  z-index: 20;

}



.stylish-image.img-circle .stylish-img {

  border-radius: 50%;

  object-fit: cover;

  object-position: center;



}



.stylish-image.img-shadow .stylish-img {

  box-shadow: -25px 4px 120px rgba(0, 0, 0, 0.172);

}



.stylish-image::before {

  width: 150px;

  height: 150px;

  content: "";

  display: block;

  background-size: contain;

  background-repeat: repeat-y;

  position: absolute;

  z-index: 10;

}



.stylish-image::after {

  content: "";

  display: block;

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  z-index: 10;

}

/* Style 1*/

.stylish-image.style1::before {

  background-image: url(https://unovia.fr/wp-content/uploads/2025/05/ligne_stars-element_web_unovia-3.webp);

  top: -30px;

  left: -30px;

}



.stylish-image.style1::after {

  width: 200px;

  height: 200px;

  background-image: url(https://unovia.fr/wp-content/uploads/2025/05/cercle_line_two_web_unovia-2.webp);

  bottom: -25px;

  right: -25px;

}



/* Style 2*/

.stylish-image.style2::before {

  background-image: url(https://unovia.fr/wp-content/uploads/2025/05/stars-ai_top-right_element_web_unovia-4.webp);

  top: -35px;

  right: -35px;

}



.stylish-image.style2::after {

  width: 150px;

  height: 150px;

  background-image: url(https://unovia.fr/wp-content/uploads/2025/05/cercle_line_rings_element_web_unovia-3.webp);

  bottom: 0;

  left: 0;

}



/* Style 3*/

.stylish-image.style3::before {

  background-image: url(https://unovia.fr/wp-content/uploads/2025/05/cercle_line_rings_element_web_unovia-3.webp);

  top: -30px;

  left: -30px;

}



.stylish-image.style3::after {

  width: 103px;

  height: 150px;

  background-image: url(https://unovia.fr/wp-content/uploads/2025/05/stars-ai_bottom-right_element_web_unovia-4.webp);

  bottom: -30px;

  right: -55px;

}

/* Style 4*/

.stylish-image.style4::before {

  background-image: url(https://unovia.fr/wp-content/uploads/2025/05/cercle_line_two_web_unovia-2.webp);

  top: -25px;

  right: -25px;

}



.stylish-image.style4::after {

  width: 103px;

  height: 150px;

  background-image: url(https://unovia.fr/wp-content/uploads/2025/05/stars-ai_bottom-left_element_web_unovia-3.webp);

  bottom: -30px;

  left: -50px;

}



@media (max-width: 767px) {

  .stylish-image {

    width: 100%;

    max-width: 280px;

    height: auto;

  }



  .stylish-image::before {

    width: 100px;

    height: 100px;

  }

}