.org-sdg-block
{
    .mol-title
    {
        @apply mb-10;
    }

    .wrapper-sdg
    {
        @apply flex;
        @apply flex-wrap;
        @apply flex-grow lg:grid grid-cols-2 gap-2;

        a
        {
            max-width: 60px;
            @apply opacity-50;

            &:hover
            {
                @apply opacity-100;
            }

            @screen md
            {
                max-width: 125px;
            }

            @screen lg
            {
                max-width: 175px;
            }
        }

        .sdg-image
        {
            @apply opacity-50;
        }

        .atm-img
        {
            @apply w-auto;
            @apply h-full;

            img
            {
                @apply w-full;
                @apply h-full;
                object-fit: cover;
            }
        }
    }
}