/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

.content-wrapper .three-images-block {
  padding: 50px 0 30px;
}
.content-wrapper .three-images-block__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 0;
}
.content-wrapper .three-images-block__item {
  width: 100%;
  aspect-ratio: auto;
  border: 2px solid transparent;
  border-radius: 10px;
  transition: all 0.3s ease;
  padding: 15px;
}
.content-wrapper .three-images-block__item .text {
  text-align: center;
  color: var(--sk-color-mint);
  font-size: 16px;
  font-weight: 250;
  margin: 0;
}
.content-wrapper .three-images-block__item .image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  aspect-ratio: 1.4/1;
}
.content-wrapper .three-images-block__item .image-wrapper img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.content-wrapper .three-images-block__item:hover {
  border-color: var(--sk-color-eucalyptus);
}
.content-wrapper .three-images-block__item:hover .text {
  color: var(--sk-color-white);
}
@media (min-width: 512px) {
  .content-wrapper .three-images-block__item {
    aspect-ratio: 1;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .content-wrapper .three-images-block__item {
    font-size: 16px;
    width: 33.3333333333%;
  }
  .content-wrapper .three-images-block__item .text {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .content-wrapper .three-images-block {
    padding: 100px 0 50px;
  }
}