.wp-block-group.is-style-cols-image-rd-anim {
  position: relative;
}
.wp-block-group.is-style-cols-image-rd-anim p {
  margin-block-start: var(--wp--preset--spacing--1);
}
.wp-block-group.is-style-cols-image-rd-anim figure.wp-block-image {
  position: relative;
  z-index: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .wp-block-group.is-style-cols-image-rd-anim figure.wp-block-image {
    margin-bottom: 40px;
  }
}
.wp-block-group.is-style-cols-image-rd-anim figure.wp-block-image img {
  max-width: 85%;
  height: auto;
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
  rotate: -2.5deg;
  position: relative;
}
@media (min-width: 1200px) {
  .wp-block-group.is-style-cols-image-rd-anim figure.wp-block-image img {
    max-width: 35rem;
  }
}
.wp-block-group.is-style-cols-image-rd-anim figure.wp-block-image::after {
  content: "";
  width: 500px;
  height: 200px;
  position: absolute;
  background-image: url(./assets/img/vagues-bleues.png), url(./assets/img/vagues-jaunes.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 40px) bottom, right calc(100% - 90px);
  background-size: auto;
  bottom: -100px;
  right: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  .wp-block-group.is-style-cols-image-rd-anim figure.wp-block-image::after {
    height: 20vw !important;
  }
}
@media (max-width: 968px) {
  .wp-block-group.is-style-cols-image-rd-anim figure.wp-block-image::after {
    width: 35%;
    height: 10vw;
    background-size: 88%;
    bottom: 0px;
    background-position: bottom left, top right;
  }
}
.wp-block-group.is-style-cols-image-rd-anim figure.wp-block-image::before {
  content: "";
  height: 11rem;
  width: 11rem;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  background-color: var(--wp--preset--color--second-300) !important;
  transition: left 2s ease-in-out, transform 2s ease-in-out;
  z-index: 0;
}
.wp-block-group.is-style-cols-image-rd-anim:hover figure.wp-block-image::before {
  left: 100%;
  transform: translate(-100%, -50%);
}
.wp-block-group.is-style-cols-image-rd-anim:not(:hover) figure.wp-block-image::before {
  left: -70px;
  transform: translate(0, -50%);
}

/*# sourceMappingURL=style.css.map */
