@import (reference) "~../../assets/openaire-theme/less/_import-variables";

@faqs-curator-image-size: 136px;
@faqs-contact-us-height: 450px;

.contact-us {
  height: @faqs-contact-us-height;

  img {
    position: absolute;
    width: @faqs-curator-image-size;
    height: @faqs-curator-image-size;
    object-fit: cover;
    border-radius: 18px;


    &.one {
      top: @global-medium-gutter;
      right: @global-medium-gutter + (@faqs-curator-image-size/2);
      transform: rotate(10deg);
    }

    &.two {
      bottom: @global-medium-gutter;
      right: @global-medium-gutter + (@faqs-curator-image-size);
      transform: rotate(-10deg);
      object-position: top;
    }

    &.three {
      top: 0;
      left: @global-medium-gutter + (@faqs-curator-image-size);
      transform: rotate(-10deg);
      object-position: -60px;
    }

    &.four {
      bottom: 2*@global-medium-gutter;
      left: 2*@global-medium-gutter;
      transform: rotate(-10deg);
      object-position: 0;
    }
  }
}