.wp-block-gallery__swiperjs {
position: relative;
}
.wp-block-gallery__swiperjs .swiper-slide {
height: 400px;
width: calc(66% - 15px);
}
@media (min-width: 768px) {
.wp-block-gallery__swiperjs .swiper-slide {
height: 500px;
}
}
@media (min-width: 1024px) {
.wp-block-gallery__swiperjs .swiper-slide {
height: 600px;
}
}
@media (min-width: 1280px) {
.wp-block-gallery__swiperjs .swiper-slide {
height: 700px;
}
}
.wp-block-gallery__swiperjs .swiper-slide {
opacity: 1;
transition: opacity 1s ease-in-out;
}
.wp-block-gallery__swiperjs .swiper-slide figure {
margin-bottom: 0px;
display: inline-block;
height: 100%;
width: 100%;
}
.wp-block-gallery__swiperjs .swiper-slide figure a {
display: block;
height: 100%;
width: 100%;
overflow: hidden;
}
.wp-block-gallery__swiperjs .swiper-slide figure img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
transform: scale(1);
transition: transform 0.5s ease-in-out;
}
.wp-block-gallery__swiperjs .swiper-slide figure figcaption {
display: none;
}
.wp-block-gallery__swiperjs .swiper-slide-prev,
.wp-block-gallery__swiperjs .swiper-slide-next {
opacity: .6;
transition: opacity 1s ease-in-out;
}
.wp-block-gallery__swiperjs .swiper-slide-active a:before {
position: absolute;
left: calc(50% - 32px);
top: calc(50% - 32px);
z-index: 10;
height: 64px;
width: 64px;
background-size: cover;
background-repeat: no-repeat;
--tw-content: "";
content: var(--tw-content);
background-image: url('data:image/svg+xml,<svg fill="white" clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m15.97 17.031c-1.479 1.238-3.384 1.985-5.461 1.985-4.697 0-8.509-3.812-8.509-8.508s3.812-8.508 8.509-8.508c4.695 0 8.508 3.812 8.508 8.508 0 2.078-.747 3.984-1.985 5.461l4.749 4.75c.146.146.219.338.219.531 0 .587-.537.75-.75.75-.192 0-.384-.073-.531-.22zm-5.461-13.53c-3.868 0-7.007 3.14-7.007 7.007s3.139 7.007 7.007 7.007c3.866 0 7.007-3.14 7.007-7.007s-3.141-7.007-7.007-7.007z" fill-rule="nonzero"/></svg>');
opacity: 0;
transition: 
opacity 1s ease-in-out, 
width 1s ease-in-out, 
height 1s ease-in-out, 
left 1s ease-in-out, 
top 1s ease-in-out
;
}
.wp-block-gallery__swiperjs .swiper-slide-active:hover a:before {
left: calc(50% - 40px);
top: calc(50% - 40px);
height: 80px;
width: 80px;
opacity: 1;
transition: 
opacity .5s ease-in-out, 
width .5s ease-in-out, 
height .5s ease-in-out, 
left .5s ease-in-out, 
top .5s ease-in-out
;
}
.wp-block-gallery__swiperjs .swiper-slide-active:hover a img {
transform: scale(1.1);
transition: transform 0.5s ease-in-out;
}
.wp-block-gallery__swiperjs .swiper-button-prev,
.wp-block-gallery__swiperjs .swiper-button-next {
position: absolute;
top: calc(50% - 24px);
z-index: 10;
height: 48px;
width: 48px;
cursor: pointer;
fill: #ffffff;
}
@media (min-width: 1280px) {
.wp-block-gallery__swiperjs .swiper-button-prev,
.wp-block-gallery__swiperjs .swiper-button-next {
top: calc(50% - 32px);
height: 64px;
width: 64px;
}
}
.wp-block-gallery__swiperjs .swiper-button-prev,
.wp-block-gallery__swiperjs .swiper-button-next {
transition: all 1s ease-in-out;
}
.wp-block-gallery__swiperjs .swiper-button-prev:hover, .wp-block-gallery__swiperjs .swiper-button-next:hover {
top: calc(50% - 32px);
height: 64px;
width: 64px;
}
@media (min-width: 1280px) {
.wp-block-gallery__swiperjs .swiper-button-prev:hover, .wp-block-gallery__swiperjs .swiper-button-next:hover {
top: calc(50% - 40px);
height: 80px;
width: 80px;
}
}
.wp-block-gallery__swiperjs .swiper-button-prev:hover, .wp-block-gallery__swiperjs .swiper-button-next:hover {
transition: all .5s ease-in-out;
}
.wp-block-gallery__swiperjs .swiper-button-next {
left: calc(50% + 33% + 25px);
}
@media (min-width: 768px) {
.wp-block-gallery__swiperjs .swiper-button-next {
left: calc(50% + 33% + 40px);
}
}
.wp-block-gallery__swiperjs .swiper-button-prev {
right: calc(50% + 33% + 25px);
}
@media (min-width: 768px) {
.wp-block-gallery__swiperjs .swiper-button-prev {
right: calc(50% + 33% + 40px);
}
}