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

@faqs-curator-image-size: 120px;
@faqs-contact-us-height: 400px;

.hero {
  background-image: url("~/src/assets/irish-assets/resources/irish-bg-blur.png");
  background-position: right;
  background-repeat: no-repeat;
}
.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/0.7);
      transform: rotate(15deg);
      object-position: top;
    }

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

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