.class_right_position_animation,
.class_left_position_animation,
.class_right_position_animation_2_option,
.class_left_position_animation_2_option,
.class_right_option_3,
.class_left_option_3,
.class_right_option_4,
.class_left_option_4,
.image_position_oNas,
.position_faq_page,
.w-image-position{
position: absolute !important;
}
.class_right_position_animation{
left:45%;
top:-25%;
animation: animation_image_right 5s linear 1s infinite alternate;
z-index: 3;
}
.class_left_position_animation{
right:45%;
top:0%;
animation: animation_image_left 5s linear 1s infinite alternate;
z-index: 3;
}
.class_right_position_animation > figure img,
.class_left_position_animation > figure img,
.class_right_position_animation_2_option > figure img,
.class_left_position_animation_2_option > figure img,
.class_left_option_3 > figure img{
opacity: 0.15;
}
.class_right_position_animation > figure img{
width: 560px;
}
.class_left_position_animation > figure img,
.position_faq_page > figure img{
width: 860px;
}
.class_right_position_animation > figure img{
transform: rotate(270deg);
}
.animation_image_width_509 > figure img{
width:509px;
}
.animation_image_width_668 > figure img{
width:668px;
}
@keyframes animation_image_right {
0% {
top: -25%;
left:45%;
transform: rotate(0);
}
25% {
top: -20%;
left:35%;
transform: rotate(90deg);
}
50% {
top: -15%;
left:25%;
transform: rotate(180deg);
}
75% {
top: -10%;
left:15%;
transform: rotate(270deg);
}
100% {
top: -5%;
left:5%;
transform: rotate(360deg);
}
}
@keyframes animation_image_left{
0%{
top: 0;
right:45%;
}
25%{
top: -5%;
right:35%;
}
50%{
top: -10%;
right:25%;
}
75%{
top: -15%;
right:15%;
}
100%{
top: -25%;
right:5%;
}
}
.class_right_position_animation_2_option > figure img{
width: 509px;
}
.class_left_position_animation_2_option > figure img{
width: 668px;
}
.class_left_position_animation_2_option{
right:45%;
top:40%;
animation: animation_image_left_2_option 5s linear 1s infinite alternate;
}
.class_right_position_animation_2_option{
left:45%;
top:-25%;
animation: animation_image_right_2_option 5s linear 1s infinite alternate;
}
@keyframes animation_image_right_2_option {
0% {
top: -20%;
left:45%;
}
25% {
top: 0%;
left:35%;
}
50% {
top: 20%;
left:25%;
}
75% {
top: 35%;
left:15%;
}
100% {
top: 40%;
left:5%;
}
}
@keyframes animation_image_left_2_option {
0% {
top: 40%;
right:45%;
transform: rotate(0);
}
25% {
top: 35%;
right:35%;
transform: rotate(90deg);
}
50% {
top: 20%;
right:25%;
transform: rotate(180deg);
}
75% {
top: 0%;
right:15%;
transform: rotate(270deg);
}
100% {
top: -20%;
right:5%;
transform: rotate(360deg);
}
}
.class_left_option_3{
top: -50%;
right: 34%
}
.class_left_option_3 > figure img{
width: 990px;
}
.class_right_option_3 > figure img{
width: 400px;
}
.class_right_option_3{
top:0%;
left: 35%;
}
.class_left_option_4{
bottom:0;
left:40%;
transform: translatex(-50%);
}
.class_right_option_4{
bottom:0;
left:80%;
}
.image_position_oNas{
bottom:-10%;
right:40%;
}
.w-image-position{
bottom:-10%;
left:0 !important;
}
.w-image-position > figure{
width: 100% !important;
}
.position_faq_page{
left:20%;
} @media (max-width: 924px){
.class_right_position_animation,
.class_left_position_animation,
.class_right_position_animation_2_option,
.class_left_position_animation_2_option,
.class_right_option_3,
.class_left_option_3,
.class_right_option_4,
.class_left_option_4,
.image_position_oNas,
.position_faq_page,
.w-image-position{
display: none !important;
}
}